uni-app技术分享| 10分钟实现一个简易uniapp视频通话

视频讲解

视频地址

创建 uniapp 项目

  • 创建 uniapp 项目
  • 前往 anyRTC 控制台-项目管理 创建新项目,获取 appid

引入插件

  • 前往 uniapp插件市场搜索 anyRTC,选中anyRTC音视频SDK插件
  • 云打包购买插件(免费引入)引入创建的对应uniapp 项目
  • uniapp项目的 manifest.jsonApp原生插件配置选择云端插件选中anyRTC音视频SDK插件`
  • 打包自定义基座
  • 选择自定义基座运行

代码逻辑

uni-app技术分享| 10分钟实现一个简易uniapp视频通话_第1张图片

必须在nvue 页面中

<view class="content">
		<button class="button" type="primary" @click="stepOne">步骤一:初始化回调button>
		<button class="button" type="primary" @click="stepTwo">步骤二:初始化实例button>
		<button class="button" type="primary" @click="stepThree">步骤三:启用视频模块button>
		<button class="button" type="primary" @click="stepFour">步骤四:加入频道房间button>
		<view class="video">
			本地用户 {
  {localuid}} 音视频渲染
			<AR-CanvasView ref="location" style

你可能感兴趣的:(音视频,视频通话,uni-app技术分享,音视频,uni-app,视频通话,webrtc,实时通信)