在vue和小程序中使用腾讯实时音视频RTC小程序端
目录
在vue和小程序中使用腾讯实时音视频RTC(小程序端)
衔接上一个的rtc介绍,小程序端trtc-room
trtc-room标签是基于 和 实现的用于 TRTC 互通的自定义组件,再附带上问的那个地址:
具体的可以直接在腾讯音视频的GitHub上下载他的demo,demo地址如下:
在下载后的文件夹中,”WXMini”就是小程序音视频的demo了。当然,如果你直接运行的话,是会报错的,他里面没有配置必要参数的
sdkAppID: '',
userID: '',
userSig: '',
这些需要填上才能体验。
说下某些问题吧,具体的功能demo上已经基本展示完了。
- 在
trtc-room.js
中如果你定义了某些变量,在你的模板template目录中去引用时,发现报错undefined。问题在于没有传入。在trtc-room.wxml
中使用模板后,传入的data中增加你需要传入的变量
<template is='room' data="{{pusher, streamList, visibleStreamList, debug, enableIM, panelName, gridPagePlaceholderStreamList, gridPageCount, gridCurrentPage, gridPlayerPerPage}}"></template>
- 本地和远端两种流是不同的播放器,本地流是
live-pusher
,远端流是live-player
。在本地流live-pusher
中的各项属性,是可以直接操控的。例如:enableCamera
可以控制本地的摄像头开关,enableMic
可以控制本地的麦克风开关。(然而,我找了许久,未能发现监测本地音量大小的api。倒是有可以直接设置音量大小的setMICVolume(params)
)。 - 远端流监测状态:
hasVideo
监测是否开启摄像头,hasAudio
是否开启麦克风,volume
这个可以监测远端流的音量大小(0~10之内吧),一般而言,我设置为大于0.1即为有声音,还有其他的参数可以直接看文档。 - 关于屏幕分享流的监测,在远端推送来的屏幕分享流,也就相当于衣蛾用户,在播放上并没有区别。如果想要区分,大概有两个办法:(1)判断他的userID中是否还有"Share"关键字,这个方法基本上是准确的,也比较方便。(2)判断在流中判断他是否是辅路流,当然这个实在不好操控,我没有使用这种更加科学的方法。