Azure Communication Service allows you to add real-time multimedia capabilities into your app such as voice, video, chat, and SMS. This example is based on the QuickStart located at:
https://aka.ms/acs-calling-quickstart
For an overview of ACS view the following resources:
- Blog: Add Real-Time Video, Voice, and Chat to Your App with Azure Communication Services
- Video: What is Azure Communication Services?
View the video associated with this sample repo here.
-
Create a new Azure Communication Resource in the Azure Portal. Once it's created go to
Tools --> Keys
and copy the first connection string value shown into your clipboard. -
Create an
.env
file at the root of this project and add the following into it:CONNECTION_STRING=<your_acs_connection_string_goes_here>
Ensure that you replace
<your_acs_connection_string_goes_here>
with the ACS connection string in your clipboard. -
Run
npm install
-
Get an access token by running:
node issue-access-token.js
-
Start the webpack dev server to run the app:
npx webpack-dev-server
-
Navigate to https://localhost:8080 in the browser.
-
Copy the access token into the
User access token
textbox and click theSubmit
button. -
Enter
8:echo123
into theWho would you like to call?
textbox to call a bot that will answer and allow you to record and playback your voice. -
Click the
Start Call
button to begin and then follow the voice prompts provided by the bot. Note that this simple demo doesn't allow you to select a microphone.