# OpenAgoraWeb-Vue

**Repository Path**: mirrors_AgoraIO-Community/OpenAgoraWeb-Vue

## Basic Information

- **Project Name**: OpenAgoraWeb-Vue
- **Description**: Video Call App built with :heart:Agora SDK:heart: and Vue
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-22
- **Last Updated**: 2025-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Agora Video Call

## THIS PROJECT IS OUT OF MAINTENANCE, PLEASE REFER TO OUR [VUE TUTORIAL](https://github.com/AgoraIO/Basic-Video-Call/tree/master/One-to-One-Video/Agora-Web-Tutorial-1to1-Vue) 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](https://github.com/AgoraIO/OpenAgoraWeb-React)

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](https://docs.agora.io/en/) for detail
Transcode  | VP8, H264 (for safari) 
Channel Name  |  As you please

- Disable/Enable video and audio
- Two kinds of layout
- Hide remote window
- <del>Share screen (Install [chrome extension](https://chrome.google.com/webstore/detail/agora-web-screensharing/minllpmhdgpndnkomcoccfekfegnlikg?utm_source=chrome-ntp-icon) first.)</del>
- Leave the room



## Running the App
First, create a developer account at [Agora.io](https://dashboard.agora.io/signin/), and obtain an App ID.

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

``` javascript
export const AGORA_APP_ID = 'abcdefg'
```

<del>Then download our SDK 'AgoraRTC-*.js', rename it to 'AgoraRTC.js' and put it under the path '/src/library/'.</del>
Now we use cdn to get sdk. You do not have to download it by yourself any more. 

Run npm to install dependency.

``` bash
# 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](https://docs.agora.io/en/)
- You can file bugs about this demo at issue

## License
The MIT License (MIT).