uniapp实现视频通话功能

uniapp实现视频通话功能

需求:接入即构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

相关推荐

钱有余秒下
office365ios版本

钱有余秒下

📅 08-29 👁️ 3078
中兴路由器怎么设置?详细步骤与技巧
office365ios版本

中兴路由器怎么设置?详细步骤与技巧

📅 09-06 👁️ 8893
炉石传说炉石传说 竞技场 选牌参考
beat365体育亚洲网页版

炉石传说炉石传说 竞技场 选牌参考

📅 07-24 👁️ 358
如何正確握叉? 40張照片根據禮儀用哪隻手握刀以及如何在餐廳使用餐具,如何用叉子和刀子吃飯
Video Background Remover 的核心功能
beat365体育亚洲网页版

Video Background Remover 的核心功能

📅 09-11 👁️ 9165
和平精英 和平之翼版本v1.32.11
beat365体育亚洲网页版

和平精英 和平之翼版本v1.32.11

📅 08-16 👁️ 7813
寻仙手游搬山蟹在哪抓 搬山蟹抓取方法详解
在线365bet盘口

寻仙手游搬山蟹在哪抓 搬山蟹抓取方法详解

📅 07-01 👁️ 8165
地下城格兰迪在哪
在线365bet盘口

地下城格兰迪在哪

📅 07-05 👁️ 7435
主板内存插槽能维修(主板内存插槽坏了1个维修教程)