通过 anyrtc音视频sdk插件 基本实现 uniapp 视频通话如若没有实现基本视频通话可参考文章(https://blog.csdn.net/anyrtc/article/details/121352746)
旁路推流步骤1. 开通对应权限
前往 anyrtc 控制台 - 用量统计 选择对应项目开启旁路推流服务
2. 模式调整
场景调整sdk默认通信场景,需要将通信模式转为直播模式
// 设置直播模式 rtcmodule.setchannelprofile({ "profile": 1 }, (res) => { console.log(res); }
角色调整角色-主播: 可以发布和接收音视频流角色-观众: 只可以接收音视频流
// 1 设置为主播 2 设置为观众rtcmodule.setclientrole({ "role": 1}, (res) => { console.log(res);})
3. 设置推流视图布局以及音频设置
下载uniapp 插件市场的anyrtc音视频sdk插件示例
引入 utils/classes.js 中的 livetranscoding,transcodinguser
import { livetranscoding, transcodinguser } from "./classes.js"
livetranscoding:封装的总布局transcodinguser:封装的主播布局
设置推流的视图布局及音频设置
频道继续新增主播并且也要合并推流时,重新调用设置即可
// 单个主播布局// const anchor = new transcodinguser(主播标识uid, {// width: 280,// height: 210,// x: 0,// y: 0// })// 多个主播布局(3列)let anchorlist= [];lists.map((item,index)=> { anchorlist.push(new transcodinguser(主播标识uid, { width: 280, height: 210, x: (index % 3) * 280, y: math.floor(index / 3) * 210, }))}// 设置旁路推流(3列) rtcmodule.setlivetranscoding({ "transcoding": new livetranscoding(anchorlist, { width: 840, height: math.ceil(anchorlist.length / 3) * 210, })}, (ret) => { console.log(ret);});
4. 推流
需要推多路流时请遍历推流
rtcmodule.addpublishstreamurl({ url: 推流的cdn地址, transcodingenabled: true // 转码是指在旁路推流时对音视频流做一些转码处理后再推送到其他 rtmp 服务器 }, (res) => { console.log("添加旁路推流", res); });
通过 onrtmpstreamingstatechanged 回调来判断推流状态把回调加入到 setcallback 中,通过下方时相关状态码:
// 状态码 state: { 0: "推流未开始或已结束", 1: "正在连接 ar 推流服务器和 rtmp 服务器", 2: "推流正在进行,成功推流后", 3: "正在恢复推流", 4: "推流失败" }, // 错误码 errorcode: { 0: "推流成功", 1: "参数无效,请检查输入参数是否正确。请确保调用 setlivetranscoding ", 2: "推流已加密,不能推流", 3: "推流超时未成功,可重新推流", 4: "推流服务器出现错误", 5: "rtmp 服务器出现错误", 6: "推流请求过于频繁", 7: "单个主播的推流地址数目达到上线 10", 8: "主播操作不属于自己的流,请检查 app 逻辑", 9: "服务器未找到这个流", 10: "推流地址格式有错误,请检查推流地址格式是否正确", }
5. 停止推流
rtcmodule.removepublishstreamurl({ url: 推流的cdn地址, }, (res) => { console.log("取消旁路推流", res); });
推荐:《uniapp教程》
以上就是uniapp中怎么实现直播旁路推流(步骤分享)的详细内容。
