商城系统 注册

小程序做在线直播功能,小程序开发在线直播

2018-02-02|HiShop
导读:前面Hishop小编有介绍小程序如何接入第三方直播窗口,那么这里为大家介绍小程序如何在后台实现在线直播。...

  

  前面Hishop小编有介绍小程序如何接入第三方直播窗口,那么这里为大家介绍小程序如何在后台实现在线直播。

  小程序在后台实现在线直播功能就是通过腾讯云来实现。

  目前只针对以下类目开放并且需要申请开通。

  支持的类目:

  - 社交 直播

  - 教育 在线教育

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

  - 政务民生

  所有二级类目:

  - 金融 基金、信托、保险、银行、证券/期货、非金融机构自营小额贷款、征信业务、消费金融

  如果你的目录支持,在小程序后台设置开通,即可实现在线直播。

小程序做在线直播功能,小程序开发在线直播

  按照上图就配置完成了。

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

小程序做在线直播功能,小程序开发在线直播

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

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

小程序做在线直播功能,小程序开发在线直播

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

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

小程序做在线直播功能,小程序开发在线直播

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

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

  就这样一个最简单的小程序直播就搭建好了,当然比如live-player自身就有很多配置项,比如静音、是否自动播放、画面方向等操作。

  以上就是这篇小程序做在线直播功能的文章。

相关文章:
 
 小程序怎么接入直播功能

相关专题:

 微信问答小程序大全

HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序资讯,尽在:www.hishop.com.cn/xiaocx/

电话咨询 预约演示 0元开店