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.

1. 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.

2. 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.

3. Run npm install

4. Get an access token by running:

   node issue-access-token.js

5. Start the webpack dev server to run the app:

   npx webpack-dev-server

6. Navigate to https://localhost:8080 in the browser.

7. Copy the access token into the User access token textbox and click the Submit button.

8. Enter 8:echo123 into the Who would you like to call? textbox to call a bot that will answer and allow you to record and playback your voice.

9. 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.