All Projects → AgoraIO-Community → OpenAgoraWeb-Vue

AgoraIO-Community / OpenAgoraWeb-Vue

Licence: other
Video Call App built with ❤️Agora SDK❤️ and Vue

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to OpenAgoraWeb-Vue

Xamarin.Agora.Samples
Agora.io samples for Xamarin.iOS, Xamarin.Android, Xamarin.MacOS and Xamarin.Forms
Stars: ✭ 41 (+17.14%)
Mutual labels:  agora
agora-rtc-react
A react wrapper for Agora RTC NG SDK
Stars: ✭ 45 (+28.57%)
Mutual labels:  agora
Online-KTV
KTV with your fans together everywhere
Stars: ✭ 63 (+80%)
Mutual labels:  agora
WebRTC-Python-Open-Source-Application-for-1-to-1-video-chat
This Sample Python Application demonstrates the use of EnableX Platform Server APIs and JavaScript Toolkit to develop basic one to one video chat application. It allows developers to ramp up on app development by hosting on their own devices.
Stars: ✭ 12 (-65.71%)
Mutual labels:  videocall
HQ
HQ/Trivia solutions from Agora
Stars: ✭ 62 (+77.14%)
Mutual labels:  agora
Fleo-flutter-video-amalgamation
Fleo - A video calling application developed using flutter🤠
Stars: ✭ 40 (+14.29%)
Mutual labels:  agora
iorestoacasa.work
Frontend of the video calling platform iorestoacasa.work
Stars: ✭ 36 (+2.86%)
Mutual labels:  videocall
Basic-Audio-Broadcasting
Sample app to join/leave a channel, set the role as a host/audience, mute/unmute, and switch between the speaker/headset.
Stars: ✭ 44 (+25.71%)
Mutual labels:  agora
DeepFaceLive
Real-time face swap for PC streaming or video calls
Stars: ✭ 7,917 (+22520%)
Mutual labels:  videocall
EasyRTC
EasyRTC视频会议系统一款强大的实时音视频通话产品,支持语音会议、视频会议、会议录像、会议回放、旁路直播、会议管理控制、文档共享、视频共享等功能,是一款广泛应用于在线教育、互动课堂、视频会议、应急指挥的即时通信平台。
Stars: ✭ 145 (+314.29%)
Mutual labels:  videocall
webcall
The telephone, a supernatural instrument before whose miracles we used to stand amazed, and which we now employ without giving it a thought, to summon our tailor or order an ice cream. --M.Proust
Stars: ✭ 118 (+237.14%)
Mutual labels:  videocall
agora-react-native-rtm
React Native around the Agora RTM SDKs for Android and iOS agora
Stars: ✭ 55 (+57.14%)
Mutual labels:  agora
flat
Project flat is the Web, Windows and macOS client of Agora Flat open source classroom.
Stars: ✭ 4,251 (+12045.71%)
Mutual labels:  agora
room.cafe
An extremely simple video meeting, integrated whiteboard, chat and screen sharing
Stars: ✭ 34 (-2.86%)
Mutual labels:  agora
One-to-One-Video-Calling-Open-Source-PHP-Application
This Sample PHP Application demonstrates the use of EnableX webRTC Platform Server APIs and JavaScript Toolkit to develop one to one real time communication (RTC) application. It allows developers to ramp up on app development by hosting on their own devices.
Stars: ✭ 13 (-62.86%)
Mutual labels:  videocall
flat-server
A Node.js server for the Agora Flat open source classroom.
Stars: ✭ 488 (+1294.29%)
Mutual labels:  agora
OBS
No description or website provided.
Stars: ✭ 42 (+20%)
Mutual labels:  agora
Agora-Token-Generator
📦 Agora-Token-Generator Agora 声网 Token 生成器
Stars: ✭ 117 (+234.29%)
Mutual labels:  agora

Agora Video Call

THIS PROJECT IS OUT OF MAINTENANCE, PLEASE REFER TO OUR VUE TUTORIAL IF YOU NEED GUIDANCE ON HOW TO USE AGORA WEBSDK IN VUE

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).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].