微信小程序直播（转）

通过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. java基础讲解12-----Swing

    package com.swing; import java.awt.*; import javax.swing.*; public class Swing01  extends JFrame{ /* ...

  2. C#线程同步技术(一) lock 语句

    开篇语: 上班以后,烦恼少了,至少是没有什么好烦的了,只要负责好自己的工作就可以了,因此也有更多的时间去探索自己喜欢的程序.买回来的书已经看了一半,DEMO也敲了不少,昨晚终于在这里开BLOG,记录一 ...

  3. LNMP架构二

    Nginx默认虚拟主机 1.首先修改nginx.conf文件,删除server及下面的,在http最后添加include vhost/*.conf; (指定虚拟主机目录,并读取以.conf结尾的文件) ...

  4. C语言printf格式化输出修饰符详解

    转换说明 输出 %a,%A 浮点数.十六进制数和p-计数法(C99) %c 一个字符 %d 有符号十进制数 %e,%E 浮点数,e计数法 %f 浮点数,十进制计数法 %g,%G 根据数值不同自动选择% ...

  5. OZ Report 오즈 리포트 개발

    //这只单元格数据颜色 if( (int)getattr("caption") > 100) setattr("bgcolor", "$0,0, ...

  6. 强大的Vivado IP工具——自定义IP的使用

    首先,要指出,本文不描述任何IP的功能与使用.   在开发一个大型FPGA项目时,多人协作是必不可少的.这个时候,如何提交设计给负责集成的人,是项目开发中最关键的问题之一. 常用的一个方法是,提交网表 ...

  7. 文件指针/句柄（FILE*）、文件描述符（fd）以及 文件路径（filepath）的相互转换（转）

    转自: http://blog.csdn.net/jenghau/article/details/5532265 文件指针/句柄(FILE*).文件描述符(fd)以及 文件路径(filepath)的相 ...

  8. 响应式网页设计:rem、em设置网页字体大小自适应

    「rem」是指根元素(root element,html)的字体大小,好开心的是,从遥远的 IE6 到版本帝 Chrome 他们都约好了,根元素默认的 font-size 都是 16px.这样一个新的 ...

  9. 使用 Google Guava 美化你的 Java 代码：1~4(转)

    参考:https://my.oschina.net/leejun2005/blog/172328 记录不做具体转载了

  10. 第一百四十七节，封装库--JavaScript，滑动导航

    JavaScript,封装库--滑动导航 效果图 html <!--滑动导航--> <div id="nav"> <ul class="ab ...