在集成小程序 SDK 前,请确保您已完成以下步骤,具体操作请参见跑通Demo(小程序)。
环境要求:
下载组件源码 (直接在小程序Demo中找)
<trtc-room>组件的文件结构如下:
将下载的组件源码直接可以充当你小程序的组件来使用放入你的项目
然后在需要引入的页面的json文件中引入组件
"usingComponents": {
"trtc-room": "/components/trtc-room/trtc-room"
}
在需要引入的页面的wxml文件中写入标签(需要给 id 属性方便获取组件对象,配置组件的属性 trtcConfig )
<trtc-room id="trtcroom" config="{{trtcConfig}}"></trtc-room>
在对应的js文件中就可以获取组件对象进行操作了,相关方法可以参见<trtc-room>
let trtcRoomContext = this.selectComponent('#trtcroom') // 获取组件对象
集成方法和trtc的加成方法一样,都是集成组件,然后在对应的页面中引入,组件源码也可以在移动直播的小程序Demo中找到,
在需要引入的页面的json文件中引入组件
"usingComponents": {
"mlvb-live-room": "/pages/components/mlvb-live-room/mlvbliveroomview"
}
然后在页面中写入标签(设置id属性方便获取组件对象,设置其他必要的配置属性可参考移动直播<mlvb-live-room>)
<mlvb-live-room id="id_liveroom" wx:if="{{showLiveRoom}}" roomid="{{roomID}}" role="{{role}}" roomname="{{roomName}}" pureaudio="{{pureAudio}}" debug="{{debug}}" muted="{{muted}}" beauty="{{beauty}}" template="float" bindRoomEvent="onRoomEvent">
对应的js文件获取<mlvb-live-room>组件对象,对象的相关方法可以参考<mlvb-live-room>
self.component = self.selectComponent("#id_liveroom")
移动直播不能直接拿来使用需要在腾讯云的控制台开通云直播服务
开通云直播后需要添加一个播放域名,和推流域名,相关操作可以参考开通云直播服务
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。