LiveNVR安防无插件直播方案-H5前端如何播放HLS

LiveNVR安防无插件直播方案-H5前端如何播放HLS

之前在进行LiveNVR多屏开发的时候，由于多屏功能不需要在手机端展示出来（pc多播放为RTMP，手机端播放为HLS），因此只注意到了引用videojs来进行rtmp的播放。由于不同项目需求不同，对hls流的播放也需要体现出来。

videojs在播放rtmp时，是调用Flash来进行播放的，在播放hls时是调用h5来播放的。

主要的不同点在于type的形式

当我们在标签中引用videojs时会通过data-setup=’’；来进行控制，我们有时默认为空，由videojs自己来觉定，但是必须要有该属性；

如果是要播放 hls 就改成這樣

data-setup=’{“techOrder”: [“hls”]}’ ； 播放h5或flash，同理；

如果 我们播放方hls， video type 一定要是 type=“application/x-mpegURL”； 其他更多的用法请参考官网文档：​​​Camera、NVR等具有RTSP协议输出的设备接入到LiveNVR，LiveNVR能够将这些视频源的音视频数据进行拉取，转换为RTMP/HLS，进行全平台终端H5直播（Web、Android、iOS），并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络，实现互联网级别的直播分发；

获取更多信息

安防流媒体互联直播-QQ交流群：​​615081503​​

国标GB28181无插件LiveGBS-QQ交流群：​​947137753​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。