请选择 进入手机版 | 继续访问电脑版
摘要: 小程序升级实时音视频录制及播放能力,开放 Wi-Fi、NFC(HCE) 等硬件连接功能。同时提供按需加载、自定义组件和更多访问层级等新特性,增强了第三方平台的能力,以满足日趋丰富的业务需求。
作者: 小柒
原文
写在开始

小程序升级实时音视频录制及播放能力,开放 Wi-Fi、NFC(HCE) 等硬件连接功能。同时提供按需加载、自定义组件和更多访问层级等新特性,增强了第三方平台的能力,以满足日趋丰富的业务需求。
为更高效地连接用户与商家,小程序提供了实时音视频录制及播放组件。符合类目要求的小程序自助开通后,可自建或使用云服务,实现单向、双向甚至多向的音视频功能,如在线授课、远程咨询、视频客服,以及多人会议等。
2017-12-26微信小程序推送了这样一条消息,文档,代码也是简单的一笔带过,用户需要自建或使用云服务,实现单向、双向甚至多向的音视频功能。目前仅支持 flv, rtmp 格式。
本篇博客通过介绍使用nginx的rtmp模块来使nginx服务支持rtmp协议,可以完成推流和播放的功能。
开发环境

Linux (centos7),Nginx (openresty),nginx-rtmp-module
安装

由于之前已经安装过了openresty,详见博文。这里我们只需要安装nginx-rtmp-module模块即可。
下载并解压模块:
Nginx学习之配置RTMP模块搭建推流服务-1.jpg
停止原来的Nginx服务:
Nginx学习之配置RTMP模块搭建推流服务-2.jpg
配置并编辑:
Nginx学习之配置RTMP模块搭建推流服务-3.jpg
复制Nginx:

配置rtmp服务:
Nginx学习之配置RTMP模块搭建推流服务-5.jpg
检查并启动服务:
Nginx学习之配置RTMP模块搭建推流服务-6.jpg
播放

上传一个视频文件test.flv至/opt/video目录。
下载一个VLC media player,工具栏-媒体-打开网络串流-网络,然后偶输入网络URL(rtmp://ip:port/vod/test.flv),点击播放。
Nginx学习之配置RTMP模块搭建推流服务-7.jpg
回看

实时回看视频服务器的配置:

HTTP服务:
Nginx学习之配置RTMP模块搭建推流服务-9.jpg
微信推流

Nginx学习之配置RTMP模块搭建推流服务-10.jpg
手机打开小程序页面,进行视频推流服务,稍后我们会在/opt/video/hls/itstyle 目录下发现一些ts文件和index.m3u8文件。
注意 url中的itstyle可以随便定义,相当于一个房间标识。
PC推流

PC 直播是在 PC(windows/mac)上借助安装的推流软件 OBS(推荐)或者 XSplit 向RTMP视频云的推流地址,推送经过压缩编码现场活动、教学、投影或者游戏等画面,同时观众可以通过和推流地址相对应的播放地址收看实时画面。
Nginx学习之配置RTMP模块搭建推流服务-11.jpg
PC 直播流程非常简单,主要步骤:
    通过RTMP自定义一个推流地址,解决往哪推流的问题;采用第三方的推流软件,设置推流音视频源以及编码参数,解决推什么内容的问题;观众就可以使用我们提供的 RTMP DEMO 通过设置播放地址即可进行观看,解决内容触达到观众那里的问题。
Nginx学习之配置RTMP模块搭建推流服务-12.jpg
推荐阅读:第三方推流工具使用指南
Web播放

xiaozhibo.html:
Nginx学习之配置RTMP模块搭建推流服务-13.jpg
跨域问题crossdomain.xml放置在网站根目录:
Nginx学习之配置RTMP模块搭建推流服务-14.jpg
测试访问地址:http://rtmp.52itstyle.com/xiaozhibo.html
参考文档:
http://www.cnblogs.com/zx-admin/p/5783523.html
https://cloud.tencent.com/document/product/267
https://github.com/arut/nginx-rtmp-module/wiki/Directives#rtmp
出处: https://blog.52itstyle.com
更多技术干货敬请关注云栖社区知乎机构号:阿里云云栖社区 - 知乎
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|翁笔

© 2001-2018 Wengbi.com

返回顶部