Integrate Agora SDK with ReactJs to realize a simple video chat app
Last updated 2 years ago by menthays .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install open_agora_web_react 
SYNC missed versions from official npm registry.

Agora Video Call

This repository gives you an example about how to integrate AgoraRTC SDK with ReactJs to realize a simple video chat application (just like Skype).

With this sample app, you can:

  • Join a meeting room contains 7 people at most (audiences will not be counted) with custom configuration
Type Options
Identity Audience/Audio-Only/Video
Resolution Go to Document Center for detail
Transcode VP8, H264 (for safari)
Channel Name As you please
  • Disable/Enable video and audio
  • Two kinds of layout
  • Hide remote window
  • Share screen (Install chrome extension first.)
  • Leave the room

Running the App

First, create a developer account at, and obtain an App ID.

Update "Agora.config.js" in "/src/library/" with your App ID.

export const AGORA_APP_ID = 'abcdefg'

Then download our SDK 'AgoraRTC-*.js', rename it to 'AgoraRTC.js' and put it under the path '/src/library/'.

Run npm to install dependency.

# install dependency
npm install

# serve with hot reload at localhost:3000
npm run start

# build for production with minification
npm run build

Contact Us

  • You can find full API document at Document Center
  • You can file bugs about this demo at issue


The MIT License (MIT).

Current Tags

  • 0.1.0                                ...           latest (2 years ago)

1 Versions

  • 0.1.0                                ...           2 years ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 2
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2017 © |