uniapp实现音视频通讯

uniapp实现音视频通讯

还在为uniapp的音视频通讯发愁吗？anyRTC为解决广大开发者需求，特别研发了uniapp版的音视频通讯。

anyRTC 实时通信包括两个模块：

• 实时音视频模块- 音视频通信
• 实时消息模块- 信令交互，直播间弹幕等通信

下面我来带大家先了解实时音视频模块

示例项目运行流程(本文使用远端插件)

• 前往uniapp插件市场

• 下载示例demo
  

• 打开manifest.json文件，选择App原生插件配置 => 远端插件
  

• 制作自定义基座
  

• 打包成功后选择自定义基座

• 找到pages => index =>index.nvue, 添加appid
  

实现音视频步骤

视频渲染组件

• 必须在 .nvue 文件中
• 在需要显示视频时在使用 AR-CanvasView 组件，不要初始就显示，否则报错
• 需要设定宽高

<view>本地视频</view>
<view v-if>
  	<AR-CanvasView :ref="localvideo" style="height:100px;width:100px"></AR-CanvasView>
</view>
<view>远端视频</view>
<view  v-if>
  	<AR-CanvasView :ref="remotevideo" style="