需求:接入即构SDK实现RTC视频通话
实现步骤
前言
一、实时音视频通话?
二、使用步骤
1.uniapp插件的安装
2.视频通话页面基本使用(nvue页面)
3、在官方示例的封装基础上更方便([官方demo](https://doc-zh.zego.im/article/8787))
总结
前言
提示:此处功能需求运用在window和安卓设备:
uniapp接入即构,快速实现实时音视频通话功能。接入ZEGO Express SDK:由 ZEGO 提供的实时音视频 SDK,能够为开发者提供便捷接入、高清流畅、多平台互通、低延迟、高并发的音视频服务。 关于SDK的使用(官方使用手册)
下面详解一下我的使用过程(浅浅记录一下)
一、实时音视频通话?
示例:实时音视频通话 插一句:之前写过电商直播带货功能websocket直播间人数过多连接数多余500人,服务器垃圾不行崩了,后面改用了im即时通讯。 这次使用uniapp开发自助售卖机的视频通话咨询客服功能,经商量选择了即构SDK实现
二、使用步骤
1.uniapp插件的安装
(1)官网下载Express SDK和js封装层
(2)下载后如下操作(注:没有nativeplugins文件夹就新建,插件才能导入完成):
2.视频通话页面基本使用(nvue页面)
建立ui界面此处我需要兼容浏览器和安卓踩了坑(nvue页面开发注意): 1、引入components里面js封装层所需要的组件,注册,使用
import ZegoRemoteView from "@/components/zego-ZegoExpressUniApp-JS/zego-view/ZegoRemoteView";
import ZegoLocalView from "@/components/zego-ZegoExpressUniApp-JS/zego-view/ZegoLocalView";
components: {
ZegoLocalView: ZegoLocalView,
ZegoRemoteView: ZegoRemoteView,
},
v-if="engine" :viewMode="AspectFill" :streamID="playStreamID" class="video