Twilio Video makes it easy for you connect the people you care about via video on the devices they already own by coding with the programming language you already know. In this post, we’ll use the JavaScript and iOS SDKs to do the heavy lifting so that you can quickly add video to your applications. Follow along and you’ll be up and running with video calls between web browsers and iOS mobile apps.

Tools We’ll Need

Python and Swift will serve as the two main programming languages we’ll use to get our web and mobile apps running. We’re going to set up the Python application first so let’s take a look at those resources we will need along the way:

The other half of our project will run on iOS, so we will also need the following Swift resources in this post:

There is a GitHub repository named video-calls-python-swift with the completed project code in case you want to try the end result before going through the rest of the tutorial.

Creating Our Twilio Video Credentials

There are several Twilio credentials that we need to create to run our application. These four environment variables are named TWILIO_ACCOUNT_SID , TWILIO_API_KEY , TWILIO_API_SECRET and TWILIO_CONFIGURATION_SID in the Python quickstart. Here is what each of those variables represents and where to grab them from your Twilio account:

TWILIO_ACCOUNT_SID : Your primary Twilio account identifier found on the account dashboard

: Your primary Twilio account identifier found on the account dashboard TWILIO_API_KEY : An API account identifier for authenticating between servers, generated along with the API Secret here in the console

: An API account identifier for authenticating between servers, generated along with the API Secret here in the console TWILIO_API_SECRET : A shared secret key used to authenticate between servers, generated with the API key

: A shared secret key used to authenticate between servers, generated with the API key TWILIO_CONFIGURATION_SID : Set of configuration values for webhooks and other options for Video, generated in the console.

Grab the TWILIO_ACCOUNT_SID from the Video dashboard by clicking the “Show API Credentials” link.

After grabbing the Account SID, click the “Configuration Profiles” link next to “Getting Started”. You’ll come to a page like the following screenshot.

Click the “Create a Configuration Profile” button to get to the next screen, shown below.

Enter a name for the configuration profile, like “My Video App Config” and scroll down to the bottom of the page. Check “Enable Network Traversal” to ensure devices on a non-accessible IP address behind Network Address Translation are still reachable.

Click the “Save” button then copy the new Configuration Profile SID shown at the top of the page.

We just need to create the API key and secret then we can get our app up and running. In the navigation bar, click “Dev Tools”, then “API Keys”.

Press the “Create an API Key” button to continue. Enter a name for your new API key. Typically, the name should remind you of which application is granted permission to your account.

Press the “Create API Key” button and snag the API Key and API Secret from the screen that appears. Make sure to keep the API Secret somewhere safe as it will cannot be shown via the dashboard again.