# arcall_vue2

**Repository Path**: zhangyao123-ZY/arcall_vue2

## Basic Information

- **Project Name**: arcall_vue2
- **Description**: arcall-vue2版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-17
- **Last Updated**: 2023-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# arcall_web_vue2

## 项目启动

```
npm install
npm run serve
```
前往until文件的config.js中添加 anyRTC 的项目 appid
## 集成相关

### 相关插件

当前项目使用 vuex(vue2 项目仅支持 4.0 以下版本)、ar-call-sdk 等插件
UI 插件使用 element-ui

```
npm i vuex@3.6.2
npm i ar-call-sdk
npm i element-ui
```

### 集成

#### main.js

正常注入 vuex、element-ui 等相关插件

#### App.vue

- 进入项目就需要登录 RTM 才可以发起呼叫/收到呼叫，可参考当前项目的 App.vue 文件中的 initializeRTM 方法
- 确保页面刷新或其他操作后，arcall 实例仍然存在，不存在需要重新创建。
- 无实例后将无法收到呼叫和通话

#### store

有关 arcall 的逻辑存在于 store/models/arcall_store.js 中
主要是一些本地信息记录

#### until

arcall.js

- arcall 公共逻辑方法
  config.js
- appid 配置
  message.js
- arcall.js 中的 message 提示

#### 组件引入

```
import ArCall from "@/components/arcall/ArCall.vue";
```

ArCall 组件由三个组件共同组成

- SendCall 呼叫发起组件
- ResponseCall 呼叫等待组件
- InCall 通话中租件

通过 vuex 的 commentsStatus 参数判断当前组件展示

- 0 发起呼叫组件
- 1 呼叫中组件
- 2 通话中组件

可根据自己项目需求自行调整组件，通过 store.commit('updataCommentsStatus',0/1/2)修改;
根据组件中的相关方法调用自行组装
相关样式可在具体组件中进行修改


#### 注意
- 如需限制多人房间人数可在发起呼叫自行前限制人数，当前项目无限制
- 模块样式可自行修改