微信小程序直播自己的服务器,使用微信小程序和腾讯云实现直播功能

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

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

你的小程序可否

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

支持的类目

社交 直播

教育 在线教育

医疗 互联网医院,公立医院

政务民生 所有二级类目

金融 银行等

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

AAffA0nNPuCLAAAAAElFTkSuQmCC

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

配置腾讯云

AAffA0nNPuCLAAAAAElFTkSuQmCC

配置完毕。

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

obs

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

AAffA0nNPuCLAAAAAElFTkSuQmCC

我们选择流类型为“自定义流媒体服务器”,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

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

AAffA0nNPuCLAAAAAElFTkSuQmCC

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

小程序端

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

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

ok,打开页面。

AAffA0nNPuCLAAAAAElFTkSuQmCC

直播开始了哈

总结

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值