在vue和小程序中使用腾讯实时音视频RTC(小程序端)

衔接上一个的rtc介绍,小程序端trtc-room

trtc-room标签是基于 和 实现的用于 TRTC 互通的自定义组件,再附带上问的那个地址:

https://cloud.tencent.com/document/product/647

具体的可以直接在腾讯音视频的GitHub上下载他的demo,demo地址如下:

https://gitee.com/cloudtencent/TRTCSDK

在下载后的文件夹中,”WXMini”就是小程序音视频的demo了。当然,如果你直接运行的话,是会报错的,他里面没有配置必要参数的

sdkAppID: '',
userID: '',
userSig: '',

这些需要填上才能体验。

说下某些问题吧,具体的功能demo上已经基本展示完了。

  1. trtc-room.js中如果你定义了某些变量,在你的模板template目录中去引用时,发现报错undefined。问题在于没有传入。在trtc-room.wxml中使用模板后,传入的data中增加你需要传入的变量
 <template is='room' data="{{pusher, streamList, visibleStreamList, debug, enableIM, panelName, gridPagePlaceholderStreamList, gridPageCount, gridCurrentPage, gridPlayerPerPage}}"></template>
  1. 本地和远端两种流是不同的播放器,本地流是live-pusher,远端流是live-player。在本地流live-pusher中的各项属性,是可以直接操控的。例如:enableCamera可以控制本地的摄像头开关,enableMic可以控制本地的麦克风开关。(然而,我找了许久,未能发现监测本地音量大小的api。倒是有可以直接设置音量大小的setMICVolume(params))。
  2. 远端流监测状态:hasVideo监测是否开启摄像头,hasAudio是否开启麦克风,volume这个可以监测远端流的音量大小(0~10之内吧),一般而言,我设置为大于0.1即为有声音,还有其他的参数可以直接看文档。
  3. 关于屏幕分享流的监测,在远端推送来的屏幕分享流,也就相当于衣蛾用户,在播放上并没有区别。如果想要区分,大概有两个办法:(1)判断他的userID中是否还有"Share"关键字,这个方法基本上是准确的,也比较方便。(2)判断在流中判断他是否是辅路流,当然这个实在不好操控,我没有使用这种更加科学的方法。
发布了5 篇原创文章 · 获赞 4 · 访问量 191

猜你喜欢

转载自blog.csdn.net/qq_41199601/article/details/105413485