使用阿里云推流服务接入微信直播功能

1,在阿里云平台搜索视频直播,并按步骤开通所有依赖功能,进入视频直播的后台。

2,视频直播功能分为推流(录制视频)、拉流(观看视频)两个过程。

     推流:建议使用阿里云自带的阿里云直播,或者obs推流软件进行测试。

     首先,按阿里云步骤配置域名,然后点击管理,进入管理界面。

        


然后,使用阿里云鉴权url,这样可以防止别人盗取链接。保证直播的安全性



  然后,生成鉴权url即为此次测试直播的推流url


3,拿到此url,即可在obs推流软件或者微信小程序的直播组件上进行推流。

小程序:将推流url填写到url="" 内。在对应页面的js中的onready方法内,调用

this.ctx = wx.createLivePusherContext('pusher')



至此,当打开此页面时,即可自动推流,并能实时看到自己的录制画面。(开发工具暂不支持,需要用手机进行调试)。

obs:请自行查看obs的帮助文档。


4,微信小程序观看直播

在阿里云 流管理 的界面可以看到此次推流



点击此处的直播地址即可查看此直播的三个格式的播放地址


另外,拉流地址可由推流地址生成,



将拉流url放入小程序的直播播放组件中(live-player)

<live-player id="player" src="拉流url" autoplay="true" bindstatechange="statechange" binderror="error" />


在对应的js的onready方法中加入

onReady(res) {
this.ctx = wx.createLivePlayerContext('player')
},


至此,打开此观看页面,即可看到直播内容。完成推流与拉流全过程(延迟在2-3秒)


阅读更多
个人分类: 小程序开发
上一篇maven_plugs报错问题
下一篇小程序wx.getUserInfo不能弹出授权窗口后的解决方案
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭