An open source reference implementation of Telnyx's Voice SDK for web browsers. This project demonstrates how to use the Telnyx JS Voice SDK to make and receive calls in a web browser. 📞 🔥
- React/TypeScript Application: A modern web application built with React and TypeScript
- Telnyx WebRTC SDK Integration: Demonstrates how to integrate and use the Telnyx WebRTC SDK
- Complete Dialer Interface: Includes a full-featured dialer with call history, audio visualization, and more
-
Clone the repository
git clone https://github.com/team-telnyx/webrtc-demo-js.git cd webrtc-demo-js
-
Install dependencies
yarn install
-
Start the development server
yarn dev
-
Open your browser and navigate to
http://localhost:5173
-
Enjoy! 😎
In order to start making and receiving calls using the Telnyx WebRTC SDK, you will need to get SIP Credentials:
- Access Telnyx Portal
- Sign up for a Telnyx Account
- Create a Credential Connection to configure how you connect your calls
- Create an Outbound Voice Profile to configure your outbound call settings and assign it to your Credential Connection
For more information on how to generate SIP credentials, check the Telnyx WebRTC quickstart guide.
- Make and Receive Calls: Place outbound calls and receive incoming calls
- Call Controls: Mute, hold, and end calls
- DTMF Support: Send DTMF tones during active calls
- Call History: View your recent calls
- Audio Visualization: Visual representation of audio input/output
- Custom Headers: Add custom SIP headers to your calls
- Codec Selection: Choose preferred audio codecs
For more detailed information, check out these resources:
Contributions are welcome! Please feel free to submit a Pull Request.