基于Html5+HLS协议播放符合部标1078协议的实时流媒体视频

因为如今主流的部标GPS和1077视频监控平台，都是BS架构，在网页上播放视频，早期的不少平台用的都是ActiveX控件的形式，依赖于IE浏览器，须要下降浏览器的安全设置，并且很是难用。同时因为win10之后的操做系统上的浏览器，对于安全的把控很是严格，ActiveX插件作成的播放器嵌入到网页当中的形式，基本上要被扫入到历史的垃圾堆里面了。

    HTML5虽然日臻成熟，VIDEO标签，能够播放服务器的视频文件，实现了真正的网页播放视频，可是原则上只能播放服务器上面的文件流，不能播放实时的视频流, 也就是不支持常说的live streaming。

   不过，HLS协议出现了，而HTML5是支持HLS协议格式的。经过HTML5 + HLS实现了网页实时视频监控的功能。

   HTTP Live Streaming（缩写是HLS）是一个由苹果公司提出的基于HTTP的流媒体网络传输协议。是苹果公司QuickTime X和iPhone软件系统的一部分。它的工做原理是把整个流分红一个个小的基于HTTP的文件来下载，每次只下载一些。当媒体流正在播放时，客户端能够选择从许多不一样的备用源中以不一样的速率下载一样的资源，容许流媒体会话适应不一样的数据速率。在开始一个流媒体会话时，客户端会下载一个包含元数据的extended M3U (m3u8)playlist文件，用于寻找可用的媒体流。

HLS只请求基本的HTTP报文，与实时传输协议（RTP)不一样，HLS能够穿过任何容许HTTP数据经过的防火墙或者代理服务器。它也很容易使用内容分发网络来传输媒体流。

  因此实时模式下，HLS就是实时生成M3u8文件和ts文件。它的索引文件一直处于动态变化的，HTML5播放的时候须要不断下载二级index文件，以得到最新生成的ts文件播放视频。

     若是想让HTML5播放器支持部标1078协议的视频，其实本质上就是协议数据格式转换，因为部标JT/T 1078协议文档中，视频编码格式仍然是H.264, 但对于实时的音视频进行了RTP包的封装，也就是按照RTP协议传输视频数据，须要开发流媒体服务器，接收RTP包，并提取出音视频的h.264原始数据流，而后将实时的数据流，按照HLS协议格式，实时切片，转换成HLS协议格式的数据就能够了。

 

     在部标1078协议的RTP包格式中，能够获取到设备的Sim卡号和逻辑通道号，服务器在切片的时候，就能够用Sim卡号和逻辑通道号做为HLS协议中的M3u8索引文件的文件名，如设备的Sim卡号是013200000008，通道1的视频，切片的时候，索引文件就是013200000008_1.m3u8。这样在web端播放视频的时候，双击车辆的通道的时候，就能够设置VIDEO标签的src属性为这个索引文件名就能够播放指定车辆的实时视频了。

    <video src="013200000008_1.m3u8" controls></video>

 

如需经过部标检测，参见文章：

1)部标1077视频平台过检和压力测试经验分享

2) 基于Spring4+SpringMVC4+Mybatis3+Hibernate4+Junit4框架构建高性能企业级的部标视频监控平台

3）基于部标1078视频协议和苏标Adas协议构建主动安全平台

4) 基于JT/T 1078协议设计和开发部标视频服务器