Presentation Mode using Agora WebSdk

Guide project to setup presentation mode ie Screen sharing with user cam overlay multiplexed onto a single track

Prerequisites

• Live server or equivalent http server utility
• Agora Developer Account

Create an Account and Obtain an App ID

To run the sample website, first obtain an app ID:

1. Create a developer account at agora.io. Once you finish the sign-up process, you are redirected to the dashboard.
2. Navigate in the dashboard tree on the left to Projects > Project List.
3. Copy the appID
4. Paste it here (./agora-rtc.js#133)

Usage

git clone https://github.com/Adictya/PresentationModeWebSdk-AgoraBlog.git
cd PresentationModeWebSdk-AgoraBlog
npm i live-server -g
live-server .

Resources

• You can find the complete API Documentation over here.
• You can refer this blog where I walk through the process of setting up canvases and how to multiplex video streams step by step.
• I also invite you to join Agora.io Developer Slack Community.