亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

使用微信小程序和騰訊云實現直播功能

標簽:
PHP

不久前微信小程序开放了直播接口,正好阿北的服务器在腾讯云上,就用腾讯云的直播服务实战了一下,以下为实战过程,希望对你有用。

我是通过obs实现推流,然后用小程序进行直播播放,也就是PC->小程序。

你的小程序可否

小程序的直播能力只针对某些类目开放并且需要申请开通。

支持的类目

  • 社交 直播
  • 教育 在线教育
  • 医疗 互联网医院公立医院
  • 政务民生 所有二级类目
  • 金融 银行

如果你的目录支持,在小程序后台设置开通。

Snipaste_2018-01-29_17-16-16.png

ok,这样小程序就配置完成了。

配置腾讯云

我在这里使用的是腾讯云的视频服务,传送门 https://console.cloud.tencent.com/live/livecodemanage ,使用推流生成器生成一个推流地址和直播地址。

Snipaste_2018-01-29_18-22-17.png

配置完毕。

好,接下来我们就使用obs和小程序完成推流和直播。

obs

obs是一个非常著名的开源直播和视频录制软件,支持多平台,地址为 https://obsproject.com ,下载后就可以使用,打开obs,点击设置。

Snipaste_2018-01-29_18-25-51副本.jpg

我们选择流类型为“自定义流媒体服务器”,URL和流名称就是对腾讯云推流地址的拆分。

腾讯云的推流地址 rtmp://12097.livepush.myqcloud.com/live/12097_77806240b9?bizid=12097&txSecret=d141c83616635102056494048fc5c155&txTime=5A6F44FF

  • URL rtmp://12097.livepush.myqcloud.com/live/
  • 流名称 12097_77806240b9?bizid=12097&txSecret=d141c83616635102056494048fc5c155&txTime=5A6F44FF

然后开始点击推流,如果连接成功做出现如下图所示。

Snipaste_2018-01-29_18-30-47副本.jpg

当然obs本身异常强大,比如如何设置分辨率和音频等问题,这个以后有机会给大家说说如何使用,本次主要顺小程序和obs的直播实现。

小程序端

到现在为止obs已经可以推流了,接下来我们通过小程序来接收直播信息,这里用到了一个组件 live-player

我使用了live-player最简单的配置

<live-player class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="rtmp://12097.liveplay.myqcloud.com/live/12097_e7d5973b53" mode="live" autoplay style="width: 300px; height: 225px;" />

ok,打开页面。

Snipaste_2018-01-29_18-46-09.png

直播开始了哈

总结

就这样一个最简单的小程序直播就搭建好了,当然比如live-player自身就有很多配置项,比如静音、是否自动播放、画面方向等操作,这些以后在《微信小程序组件白皮书》详细说再。

點擊查看更多內容
17人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
PHP開發工程師
手記
粉絲
1萬
獲贊與收藏
234

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消