更新记录

1.0.3（2020-12-24）

新增双人视频聊天

1.0.2（2020-12-21）

1、修复首次需要获取权限进入房间失败问题；2、新增屏幕分享功能

1.0.1（2020-12-21）

新增监听回调，用户进入房间（onUserEnter）、用户退出房间（onUserExit）

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

注意、注意、注意

1、去[腾讯云](https://cloud.tencent.com/)注册获取appId、secretKey
2、页面一定要使用nvue

音视频部分

渲染图像的组件

//多人视频使用的渲染画面组件
<VIP-TRTCVideoView ref="trtcVideoView" class="trtcVideoView"></VIP-TRTCVideoView>
<VIP-TRTCVideoView class="trtcVideoViewMe"></VIP-TRTCVideoView>
//渲染本地画面组件
<VIP-TRTCLocalVideoView ref="trtcLocalVideoView" class="trtcLocalVideoView"></VIP-TRTCLocalVideoView>
//渲染远端画面组件
<VIP-TRTCRemoteVideoView ref="trtcRemoteVideoView" class="trtcRemoteVideoView"></VIP-TRTCRemoteVideoView>

函数

调用函数示例

//加入房间
this.$refs.trtcVideoView.enterRoom({
    appId:0,
    secretKey:'',
    userId:'',
    roomId:0,
    beautyStyle:1,
    beautyLevel:5,
    whitenessLevel:1
},res=>{
    if(res.code==="onUserEnter"){
        console.log("用户进入房间："+res.userId)
    }
    if(res.code==="onUserExit"){
        console.log("用户退出房间："+res.userId)
    }
})
//开启麦克风
this.$refs.trtcVideoView.startLocalAudio()
//禁用麦克风
this.$refs.trtcVideoView.stopLocalAudio()
//开启本地画面上行
this.$refs.trtcVideoView.startLocalPreview()
//禁用本地画面上行
this.$refs.trtcVideoView.stopLocalPreview()
//切换摄像头
this.$refs.trtcVideoView.switchCamera()
//退出房间
this.$refs.trtcVideoView.exitRoom()

传参

监听回调参数

code值

屏幕分享部分

引入分享屏幕插件

const vipTRTCScreen = uni.requireNativePlugin('VIP-TRTCScreen')

渲染图像的组件

<VIP-TRTCScreenView class="trtcScreenView" ref="trtcScreenView"></VIP-TRTCScreenView>

函数

调用函数示例

//加入屏幕分享的房间
vipTRTCScreen.enterRoom({
    appId:0,
    secretKey:'',
    userId:'',
    roomId:''
})
//开启屏幕分享
vipTRTCScreen.startScreenCapture()
//观看屏幕分享
this.$refs.trtcScreenView.enterRoom({
    appId:0,
    secretKey:'',
    userId:'',
    roomId:''
})

传参