微信小程序直播（转）

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

小程序支持

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

支持的类目

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

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

https://help.aliyun.com/document_detail/29716.html

配置腾讯云

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

配置完毕。

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

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本身异常强大，比如如何设置分辨率和音频等问题，这个以后有机会给大家说说如何使用，本次主要顺小程序和obs的直播实现。

推流成功会显示【直播中】

小程序端

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

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

<live-player src="rtmp://12097.liveplay.myqcloud.com/live/12097_e7d5973b53" mode="live" autoplay style="width: 300px; height: 225px;" />

ok，打开页面。

总结

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

小程序直播DEMO体验

https://cloud.tencent.com/document/product/454/6555#XiaoChengXu

参考：

https://www.cnblogs.com/kenshinobiy/p/9012565.html

微信小程序直播的更多相关文章

  1. 为什么要学习微信小程序直播开发？最新的小程序直播介绍和优势分析！

    小程序直播的介绍 “小程序直播”是微信提供给开发者的实时视频直播工具,包括直播管理端.主播端和观众端等模块,支持提供常用的用户互动和营销促销工具. 开发者只需在小程序中引入相关代码并在管理后台完成配置 ...

  2. uni-app开发经验分享十九： uni-app对接微信小程序直播

    uni-app对接微信小程序直播 1.登录微信小程序后台-点击>设置->第三方设置->添加直播插件 2.添加直播组件后->点击<详情>      记录这两个参数直播 ...

  3. 2018-01微信小程序--直播

    一. 小程序直播支持的格式 目前小程序支付两种格式直播 1) flv格式直播 2) rtmp格式直播 二. 能够开通小程序直播的行业类目 由于直播需要资质, 并不是每个企业都能够开通小程序直播, 微信 ...

  4. ***腾讯云直播（含微信小程序直播）研究资料汇总-原创

    这段时间抽空研究了下直播技术,综合比较了下腾讯云直播的技术和文档方面最齐全,现把一些技术资料和文档归集如下: 1.微信小程序移动直播入门导读 https://cloud.tencent.com/doc ...

  5. [微信小程序直播平台开发]___（一）介绍与流程

    1.一个可以忽略的前言 最近在做的一个项目,客户要做一个直播平台,主播发起视频直播,然后其他人进入房间观看这样子,跟其他直播平台不同的是,主播可以打赏观众,噗. 因为客户要做的是一个民宿的微信小程序, ...

  6. 3分钟入门微信小程序直播

    效果预览 开发环境搭建 安装微信开发者工具   相对于以前微信以前的产品来说.小程序在发布之初就面向开发者开放微信开发者工具.使开发者更加方便的开发和调试小程序.我们从官网下载安装.官网下载地址.现在 ...

  7. 微信小程序直播资料整理

    可以通过此脑图大概了解小程序直播内容:https://developers.weixin.qq.com/community/develop/article/doc/0002a62b3749f088fa ...

  8. 微信小程序直播接入

    申请开通小程序直播 1.申请小程序直播有以下几个硬性指标: 1. 满足小程序18个开放类目 2. 主体下小程序近半年没有严重违规 3. 小程序近90天内有过支付行为 4. 主体下公众号累计粉丝数大于1 ...

  9. [微信小程序直播平台开发]___（二）Nginx+rtmp在Windows中的搭建

    1.一个可以忽略的前言 Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务.Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Ramble ...

随机推荐

  1. 基于AndroidPn二次开发的可行性

    一.背景 如果要自己搭建,从零开始做或基于开源进行修改扩充,开源的push引擎,90%的博文首推AndroidPN,结合公司现状,最优解决方案就是进行AndroidPN的二次开发了.先看一下这个项目: ...

  2. 自制MVC框架原理介绍

    当初用jsp开发程序时,因为很多东西写在一起混淆的,项目做大或者变更的时候就会很吃力,联动性太大,有时修改视图的东西都可能会影响业务逻辑,分层不明确. 后来听说了Struts MVC,做过几个示例,层 ...

  3. springboot服务器部署方式

    1.利用maven打包 maven project --> clean --> install 2.云服务器上启动 nohup java -jar /xxx/xxx/xxx.jar > ...

  4. rpm | yum 安装软件包时key过期

    1.问题: yum -y install docker-io Loaded plugins: fastestmirror, refresh-packagekit, security Setting u ...

  5. Atitit.木马病毒的操作注册表原理 系统服务管理器 atiSysService

    Atitit.木马病毒的操作注册表原理 系统服务管理器 atiSysService 1. atiSysService1 2. atiSysService  原理1 3. Java code1 4. 参 ...

  6. atitit.jQuery Validate验证框架详解与ati Validate 设计新特性

    atitit.jQuery Validate验证框架详解与ati Validate 设计新特性 1. AtiValidate的目标1 2. 默的认校验规则1 2.1. 使用方式 1.metadata用 ...

  7. 音频采样中left-or right-justified(左对齐，右对齐), I2S时钟关系

    音频采样中left-or right-justified(左对齐,右对齐), I2S时钟关系 原创 2014年02月11日 13:56:51 4951 0 0 刚刚过完春节,受假期综合症影响脑袋有点发 ...

  8. config.sql

    # mysql服务器注释支持# #到该行结束# -- 到该行结束 # /* 行中间或多个行 */ drop database if exists db_warehouse;create databas ...

  9. apue编程之getopt ,getopt_long使用方法以及实例

    1.getopt 1.1 函数定义 int getopt(int argc, char * const argv[], const char *optstring);#include <unis ...

  10. nginx php-fpm启用慢日志slowlog

    php-fpm慢日志slowlog设置可以让我们很好的看见哪些php进程速度太慢而导致的网站问题. 可以让我们方便的找到问题的所在.  代码如下 1 vi /data1/server/php-cgi/ ...