Bootstrap

微信小程序接入阿里云直播

小程序接入阿里云直播

前言:最近工作中遇到了小程序接入阿里云直播的需求(暂时只做播流,也就是播放端),于是打开阿里云直播文档发现居然没有小程序的相关文档,sdk也没有小程序的版本,网上也没搜到相关案例教程(也可能是没搜仔细),于是直接联系了阿里云的客服,客服才给发了一份小程序的文档(太寒酸了),不过具体流程还是很简单的

1.小程序申请下列类目中的一种
在这里插入图片描述
不满足类目要求的话ios端会报 jsapi is not permission 这种错误,安卓端的错误好像是 jsapi is denied,所以如果遇到类似上述报错,请检查小程序类目

2.在.wxml文件中添加如下代码

    <live-player src="这里填入播流地址(播流地址可在[阿里云](https://l.gushuji.site/aliyun)控制台中生成)" mode="live" autoplay bindstatechange="statechange" binderror="error">

3在.js文件中添加如下代码(用于监控连接状态)

  statechange(e) {
    console.log('live-player code:', e.detail.code)
  },
  error(e) {
    console.error('live-player error:', e.detail.errMsg)
  },

4.使用真机调试进行查看即可

5.结语:由于使用的是第三方的直播服务,所以这里并不需要接入小程序自己的直播服务,也就是说各位不需要去看小程序直播的文档(如下图)在这里插入图片描述
我就是因为没弄清楚区别,以为这两个都要用到,走了点弯路(主要还是思想滑坡了),实际上接入第三方的服务,只需要一个live-player标签就足够了

(以上不足之处欢迎各位指出,共同进步)
;