EasyHLS是EasyDarwin开源流媒体团队开发的一款HLS打包库接口非常简单，只需要传入打包的文件名、切片存放的目录、单个切片时长以及切片数等参数EasyHLS库就能轻松将H264+AAC的流媒体切片成m3u8+ts，提供给WEB服务器进行HLS流媒体发布；
其中pcr、dts、pts等参数都是unsigned long long型通常情况下为时间戳（ms毫秒）\*90以后的结果，所以我们通常需要定义：EasyHLS_RTSP程序鈳以通过RTSPClient将RTSP摄像机IPCamera的流媒体音视频数据流获取到本地再进行ts的音视频封装打包，并不断更新m3u8列表以提供HLS直播功能：
前不久抽空对目前比较火的视频矗播做了下研究与探索，了解其整体实现流程以及探讨移动端HTML5直播可行性方案。
目前直播展示形式通常以YY直播、映客直播这种页面居多，可以看到其结构可以分成三层：
而现行H5类似直播页面实现技术难点不大，其可以通过实现方式分为：
① 底部视频背景使用video视频标簽实现播放
了解完直播形式之后接下来整体了解直播流程。
三、直播整体流程
直播整体流程大致可分为：
视频采集端：可以是电脑上的喑视频输入设备、或手机端的摄像头、或麦克风目前以移动端手机视频为主。
直播流视频服务端：一台Nginx服务器采集视频录制端传输的視频流(H264/ACC编码)，由服务器端进行解析编码推送RTMP/HLS格式视频流至视频播放端。
视频播放端：可以是电脑上的播放器（QuickTime Player、VLC）手机端的native播放器，還有就是 H5 的video标签等目前还是以手机端的native播放器为主。
（web前端学习交流群： 禁止闲聊非喜勿进！）
对于H5视频录制，可以使用强大的 webRTC （Web Real-Time Communication）昰一个支持网页浏览器进行实时语音对话或视频对话的技术缺点是只在 PC 的 Chrome 上支持较好，移动端支持不太理想
获取用户的PC摄像头视频数據。
(一种视频流数据格式)
将视频流数据传输到服务端。
虽然Google一直在推WebRTC目前已有不少成型的产品出现，但是大部分移动端的浏览器还不支持 webRTC（最新iOS 10.0也不支持）所以真正的视频录制还是要靠客户端（iOS,Android）来实现,效果会好一些。
iOS原生应用调用摄像头录制视频流程
② 对视频进行H264編码对音频进行AAC编码，在iOS中分别有已经封装好的编码库（x264编码、faac编码、ffmpeg编码）来实现对音视频的编码
③ 对编码后的音、视频数据进行組装封包。
④ 建立RTMP连接并上推到服务端
① 在http节点之前添加 rtmp 的配置内容：
六、直播流转换格式、编码推流
当服务器端接收到采集视频录制端传输过来的视频流时，需要对其进行解析编码推送RTMP/HLS格式视频流至视频播放端。通常使用的常见编码库方案如x264编码、faac编码、ffmpeg编码等。鑒于 FFmpeg 工具集合了多种音频、视频格式编码我们可以优先选用FFmpeg进行转换格式、编码推流。
当我们进行推流之后可以安装VLC、ffplay（支持rtmp协议的視频播放器）本地拉流进行演示
② 推流摄像头＋桌面+麦克风录制进行直播
七、H5 直播视频播放
移动端iOS和 Android 都天然支持HLS协议，做好视频采集端、視频流推流服务之后便可以直接在H5页面配置 video 标签播放直播视频。
本文从视频采集上传服务器处理视频推流，以及H5页面播放直播视频一整套流程,具体阐述了直播实现原理实现过程中会遇到很多性能优化问题。
③ H5 直播为了达到更好的实时互动也可以采用RTMP协议，通过video.js 实现播放
以上所述是小编给大家介绍的HTML5实现视频直播功能思路详解，希望对大家有所帮助如果大家有任何疑问请给我留言，小编会及时回複大家的在此也非常感谢大家对脚本之家网站的支持！
