How to build: WebRTC Gateway

Add WebRTC to your call center by forwarding calls to Twilio over the carrier network or SIP.

Adding WebRTC to your SIP-based call center involves getting familiar with Twilio SIP Interface, webhooks and TwiML, and Twilio Client. Calls are directed from your PBX to a SIP domain you configure on Twilio, and your application tells Twilio which WebRTC endpoint to connect the call to.
Step 1
Create a SIP Interface
Use Twilio SIP Interface to create a SIP domain for Twilio to receive calls from your PBX.
Step 2
Configure your call center
Configure your VoIP Infrastructure to send calls for particular users/numbers to your new Twilio domain. When Twilio receives calls, your web server receives a webhook.
Step 3
Connect your SIP Interface to WebRTC Clients
Your application responds with TwiML to specify which client username that call should map to. Your application server might map the dialed number from the SIP domain to a client username, or you might use the same client usernames as SIP usernames.
Step 4
Integrate the SDK into your web app
Include the Twilio Client SDK in your JavaScript web application. Twilio Client registers with Twilio with a token that specifies the username of the client. The SDK provides events that are triggered when a call is received.

Adding WebRTC to your existing call center through the PSTN involves getting familiar with Twilio Programmable Voice, webhooks and TwiML, and Twilio Client. Calls are directed from your PBX to phone numbers you configure on Twilio, and your application tells Twilio which WebRTC endpoint to connect the call to.
Step 1
Add a number for each WebRTC agent
Each WebRTC-enabled agent will have their own phone number on Twilio, for Twilio to receive calls from your call center.
Step 2
Configure your call center
Configure your call center to forward calls to your new Twilio number when you receive a call that should be handled by a WebRTC agent. When Twilio receives that call, your web server will get a webhook.
Step 3
Connect your numbers to WebRTC clients
Your application maps which number corresponds with which agent, and responds with TwiML to specify the client username to call.
Step 4
Integrate the SDK into your web app
Include the Twilio Client SDK in your JavaScript web application. Twilio Client registers with Twilio with a token that specifies the username of the client. The SDK provides events that are triggered when a call is received.

Want to learn more?

The Twilio advantage

Communicate reliably
Experience a 99.95% uptime SLA made possible with automated failover and zero maintenance windows.
Operate at scale
Extend the same app you write once to new markets with configurable features for localization and compliance.
Many channels
Use the same platform you know for voice, SMS, video, chat, two-factor authentication, and more.
No shenanigans
Get to market faster with pay-as-you-go pricing, free support, and the freedom to scale up or down without contracts.