Uniapp使用阿里云播放器（记录–uniapp 使用原生子窗体进行视频聊天）

<script> // 引入 RTC 插件 const RtcModule = uni.requireNativePlugin(AR-RtcModule); // 引入原生子窗体 const subNVueLocation = uni.getSubNVueById(LocationCanvasView); const subNVueRemote = uni.getSubNVueById(RemoteCanvasView); export default { data() { return { appid: "2437529dd3ae7e238a7617c61f22daee", channel: "", uid: "", canvasView: { typeOption: "location", // 本地/远端 }, }; }, // 接受页面参数 onLoad(option) { // 频道 this.channel = option.channel; // 用户 this.uid = option.uid; }, mounted() { this.init() }, methods: { // 初始化 async init() { // 初始化 callback await RtcModule.setCallBack(event => { switch (event.engineEvent) { case "onWarning": console.log("onWarning", event); break; case "onError": console.log("onError", event); break; case "onJoinChannelSuccess": //用户加入成功 console.log("用户" + event.uid + "加入成功"); this.localAudioVideoFn() break; case "onLeaveChannel": //离开频道回调 break; case "onUserJoined": //远端用户加入当前频道回调 
  
  
  
  
  
 。 // this.promptFn("info", "远端用户加入当前频道回调"); break; case "onUserOffline": //远端用户离开当前频道回调 


 


 


 


 


 


 。 break; case "onFirstLocalAudioFrame": //已发送本地音频首帧的回调
 
 
 
 
 
 
。（页面上添加音频） break; case "onFirstLocalVideoFrame": //已显示本地视频首帧的回调  
   
   
   
   
   
 。（页面添加本地视频） // this.promptFn("error", "已显示本地视频首帧的回调"); break; case "onFirstRemoteVideoDecoded": //已完成远端视频首帧解码回调 

 

 

 

 

 

 。（页面添加远端视频） // this.promptFn("info", "已完成远端视频首帧解码回调"); this.remoteAudioVideoFn(event.uid, this.channel); break; } }); // 初始化 appid await RtcModule.create({ "appId": this.appid }, (res) => {}); //设置直播场景下的用户角色 主播 await RtcModule.setClientRole({ "role": 1 }, (ret) => {}); //加入房间 await RtcModule.joinChannel({ "token": "", "channelId": this.channel, "uid": this.uid }, (res) => {}) // 隐藏原生子窗体 subNVueLocation.hide(); subNVueRemote.hide(); }, // 采集视频 async localAudioVideoFn() { // 采集本地视频 this.canvasView = await Object.assign(this.canvasView, { channelId: this.channel, uid: this.uid, RtcModule }) // 打开 本地视频容器 子窗体 await subNVueLocation.show(); await uni.$emit(LocationCanvasViewFn, this.canvasView); }, // 远端视频渲染 async remoteAudioVideoFn(uid, channelId) { // 通过 id 获取 nvue 子窗体 this.open2 = true; // 打开 远端视频容器 子窗体 await subNVueRemote.show(); await uni.$emit(RemoteCanvasViewFn, { uid, channelId, typeOption: "remote" }); } } } </script>

声明：本站所有文章            ，如无特殊说明或标注 
 

 
 

 
 

 
 

 
 

 
 

 ，均为本站原创发布            。任何个人或组织












，在未征得本站同意时                  ，禁止复制 


 


 


 


 


 


 、盗用
 
 
 
 
 
 
、采集  
   
   
   
   
   
 、发布本站内容到任何网站 

 

 

 

 

 

 、书籍等各类媒体平台 
 

 
 

 
 

 
 

 
 

 
 

 。如若本站内容侵犯了原著者的合法权益 
 
 
 
 
 
 
 
 
 
 
 
 ，可联系我们进行处理












。