LargeGroupVideoChat-Web-Webpack

LargeGroupVideoChat-Web - Webpack

English | 中文

This tutorial shows you how to quickly create Custom Video Source using the Agora sample app.

The small demo contains following features:

• Join/Leave Channel
• Select Media Device
• Share Audience Link
• Join Channel With Audience Identify By Share Audience Link

Prerequisites

• nodejs LTS
• web browser

Quick Start

This section shows you how to prepare, and run the sample application.

Obtain an App ID

To build and run the sample application, get an App ID:

1. Create a developer account at agora.io. Once you finish the signup process, you will be redirected to the Dashboard.
2. Navigate in the Dashboard tree on the left to Projects > Project List.
3. Save the App ID from the Dashboard for later use.
4. Generate a temp Access Token (valid for 24 hours) from dashboard page with given channel name, save for later use.

Install dependencies and integrate the Agora Video SDK

1. Using the Terminal app, enter the install command in your project directory. This command installs libraries that are required to run the sample application.

   # install dependencies
   npm install

2. Start the application by entering the run dev or run build command. The run dev command is for development purposes.

   # serve with hot reload at localhost:8080
   npm run dev

   The run build command is for production purposes and minifies code.

   # build for production with minification
   npm run build

3. Your default browser should open and display the sample application, as shown here. Note: In some cases, you may need to open a browser and enter http://localhost:8080 as the URL.

Contact Us

• For potential issues, take a look at our FAQ first
• Dive into Agora SDK Samples to see more tutorials
• Take a look at Agora Use Case for more complicated real use case
• Repositories managed by developer communities can be found at Agora Community
• You can find full API documentation at Document Center
• If you encounter problems during integration, you can ask question in Stack Overflow
• You can file bugs about this sample at issue

License

The MIT License (MIT)