Agora Open Duo (WEB)

其他语言版本：简体中文

The Agora OpenDuo Sample App supports the following platforms:

iOS
Android
Web

This readme describes steps and several considerations for demonstrating the Agora Web OpenDuo Sample App.

A Brief Introduction to the Agora Web OpenDuo Sample App

Built upon the Agora Video SDK and the Agora Signaling SDK, the Agora Web OpenDuo Sample App is an open-source demo that integrates video chat into your WEB applications.

This sample app allows you to:

Login the signaling server
Call each other
Join the media channel
Leave the media channel

Preparing the Developer Environment

Ensure that your device has a camera and sufficient CPU and memory, and make sure that your device meets one of the following requirements:

Windows 7 or later - macOS
iOS 11 or later
Android 4.1 or later

Ensure that your device has one of the following browsers:

Chrome 58 or later
Firefox 56 or later
Opera 45 or later
Safari 11 or later
QQ browser

Running the App

Create a developer account at Agora.io, obtain an App ID, and enable the App Certificate.

Fill in the AppID and the App Certificate in the meeting.js:

   const appid = "YOUR_SIGNALING_APPID", appcert = "YOUR_SIGNALING_APP_CERTIFICATE";

Download and unzip the Video SDK and the signaling SDK at Agora.io.
Run npm in the root directory of your project to install dependency.
```
   npm install
```
Use gulp to build the project.
```
  gulp build
```

A “dist” directory is generated under /root of your project.

NOTE: Deploy this project on the server and view the page using http/https. Do not double click the corresponding file to view the page.

About the SignalingToken

The SignalingToken is not used by default. When you login the signaling server, have the server work out the SignalingToken for authentication purposes. To use the SignalingToken, also rewrite the following login function in the signalingClient.js.

  //... 
  let session = this.signal.login(account,'_no_need_token');
  //...

About the Dynamic key

The dynamic key is not used by default. Use the video server to work it out for authentication purposes. Modify the getDynamicKey function in the rtc.js.

If Dynamic Key is not enabled:

  getDynamicKey(channelName){
  return new Deferred().resolve(undefined).promise();
  }

If Dynamic Key is enabled:

 getDynamicKey(channelName){
   return $.ajax({
       url: 'service url to get your dynamic key'
   })
 }

Contact Us

You can find the full API documentation at the Developer Center.
You can file a ticket about this demo at issue.

License

The MIT License (MIT).

lemon-chen/OpenDuo-Web