Skip to content
Video Call App built with ❤️Agora SDK❤️ and Vue
Vue JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 73deeda Mar 1, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build init OpenAgoraWeb-Vue Mar 1, 2018
config init OpenAgoraWeb-Vue Mar 1, 2018
src init OpenAgoraWeb-Vue Mar 1, 2018
static init OpenAgoraWeb-Vue Mar 1, 2018
.babelrc init OpenAgoraWeb-Vue Mar 1, 2018
.editorconfig init OpenAgoraWeb-Vue Mar 1, 2018
.gitignore init OpenAgoraWeb-Vue Mar 1, 2018
.postcssrc.js
README.md
index.html
package.json dumps Mar 1, 2018

README.md

Agora Video Call

This repository gives you an example about how to integrate AgoraRTC SDK with VueJs to realize a simple video chat application (just like Skype). You can find React version here

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 Agora.io, and obtain an App ID.

Update "agora.config.js" in "/src" 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/'. Now we use cdn to get sdk. You do not have to download it by yourself any more.

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

License

The MIT License (MIT).

You can’t perform that action at this time.