腾讯云直播SDK<mlvb-live-room> 组件_音视频解决方案_同尘科技

直播SDK 2年前 (2023-05-26) 浏览 135

属性定义

组件包含如下属性:

属性 类型 说明
template String ‘float’ 必要,标识组件使用的界面模板。
roomID String 自定义 可选,房间号(role = audience 时,roomID 不能为空)。
roomName String 自定义 可选,房间名。
role String ‘anchor’,’audience’ 必要,anchor 代表主播,audience 代表观众。
pureaudio Boolean true,false 可选,默认 false,是否开启纯音频推流。
beauty Number 0 – 5 可选,默认5,美颜级别0 – 5。
muted Boolean true,false 可选,默认 false,是否静音。
debug Boolean true,false 可选,默认 false,是否打印推流 debug 信息。
bindRoomEvent function 必要,监听 mlvb-live-room 组件返回的事件。

操作接口

组件包含如下操作接口,您需要先通过 selectComponent 获取 标签的引用,之后就可以进行相应的操作。注意 后台接口限制并发为每秒100次请求,若您有高并发请求请提前 联系我们 处理,避免影响服务调用。

函数名 说明
start() 启动。
pause() 暂停。
resume() 恢复。
stop() 停止。
requestJoinAnchor() 请求连麦,适用于 audience。
respondJoinAnchor(agree:Boolean, audience:Object) 同意连麦,适用于 anchor。
switchCamera() 切换摄像头。
sendTextMsg(text:String) 发送文本消息。
var liveroom = this.selectComponent("#id_liveroom");liveroom.pause();

事件通知

标签通过 onRoomEvent 返回内部事件,事件参数格式如下:

"detail": {  "tag": "事件tag标识,具有唯一性",  "code": "事件代码",  "detail": "对应事件的详细参数"}

示例代码

// Page.json 文件"usingComponents": {    "mlvb-live-room": "/pages/components/mlvb-live-room/mlvbliveroomview"}
// Page.wxml 文件

// Page.js 文件Page({ data: { //... role: 'anchor', // 角色视您的业务场景而定 roomID: '', roomName: '', beauty: 3, muted: false, debug: false, }, //... onRoomEvent: function(e){ switch(e.detail.tag){ case 'roomClosed': { //房间已经关闭 break; } case 'error': { //发生错误 var code = e.detail.code; var detail = e.detail.detail; break; } case 'recvTextMsg': { //收到文本消息 var text = e.detail.detail; break; } case 'requestJoinAnchor': { //主播收到来自观众的连麦请求 var audience = e.detail; var name = audience.userName; var id = audience.userID; // 允许请求 liveroom.respondJoinReq(true, audience) break; } case 'linkOn': { //连麦观众在连麦成功时会收到此通知 break; } case 'linkOut': { //连麦观众退出连麦时会收到此通知 break; } } },
onShow: function () { },
onHide: function () { },
onRead: function() { var liveroom = this.selectComponent("#id_liveroom"); this.setData({ roomName: '测试', }); liveroom.start(); },
})



对音视频的解决方案有疑惑?想了解解决方案收费? 联系解决方案专家

腾讯云限时活动1折起,即将结束: 马上收藏

同尘科技为腾讯云授权服务中心,购买腾讯云享受折上折,更有现金返利:同意关联,立享优惠

阿里云解决方案也看看?: 点击对比阿里云的解决方案

- 0人点赞 -

发表点评 (0条)

not found

暂无评论,你要说点什么吗?