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
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
package.json dumps Mar 1, 2018

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, 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


The MIT License (MIT).

You can’t perform that action at this time.