Skip to content

Latest commit

 

History

History
33 lines (23 loc) · 1.36 KB

Readme.md

File metadata and controls

33 lines (23 loc) · 1.36 KB

Chroma Key using HTML5 Canvas and Agora WebSdk

Guide project to setup chroma key ie background removal/replacement Demo at - https://www.adictya.dev/ChromaKeyWebSDK-AgoraBlog/

Prerequisites

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