随笔 - 1489  文章 - 1  评论 - 7  阅读 - 57万

EasyNVR H5无插件直播方案前端构建之:如何播放HLS

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

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

<source src="hls地址" type="application/x-mpegURL">

<source src="rtmp地址" type="video/mp4">

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

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

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

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

如果 我们播放方hls, video type 一定要是 type=”application/x-mpegURL”;
其他更多的用法请参考官网文档:http://docs.videojs.com/


关于EasyNVR

EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;

详细说明:http://www.easydarwin.org/easynvr/

获取更多信息

邮件:support@easydarwin.org

WEB:www.EasyDarwin.org

 

 
posted on   EasyNVR  阅读(247)  评论(0编辑  收藏  举报
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示