EasyNVR H5直播流媒体解决方案前端构建之:如何播放自动适配RTMP/HLS直播播放
来源:互联网 发布:网络性能测试包括什么 编辑:程序博客网 时间:2024/06/06 01:57
之前在进行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
Copyright © EasyDarwin.org 2012-2017
- EasyNVR H5直播流媒体解决方案前端构建之:如何播放自动适配RTMP/HLS直播播放
- EasyNVR H5无插件直播方案前端构建之:如何播放HLS
- EasyNVR H5无插件直播方案前端构建之:引用videojs无法自动播放
- EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放
- EasyNVR H5无插件摄像机直播解决方案前端解析之:如何在播放界面添加实时云台控制界面
- EasyNVR无插件播放HLS/RTMP网页直播方案前端完善:监听表单变动
- EasyNVR H5无插件直播方案前端构建之:播放界面添加实时云台控制界面
- EasyNVR H5无插件直播方案前端构建之:如何区分PC端和移动端
- EasyNVR H5无插件直播方案前端构建之:实时直播的四分屏的前端展示
- 前端播放流媒体(RTMP,RTSP,HLS)
- EasyNVR RTSP转RTMP/HLS流媒体服务器前端构建之:内部搜索功能的实现
- EasyNVR RTSP转RTMP/HLS流媒体服务器前端构建之:bootstrap弹窗功能的实现
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:通过接口获取实时信息
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:bootstrap弹窗功能的实现
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:内部搜索功能的实现
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:通过接口获取实时信息
- H5浏览器播放RTMP直播流
- EasyDSS RTMP流媒体解决方案之直播录像自动清理方案
- nodejs常用命令
- JSP简介
- HashMap源码浅析(jdk1.8)
- 大数据多路并归算法
- 设计模式
- EasyNVR H5直播流媒体解决方案前端构建之:如何播放自动适配RTMP/HLS直播播放
- java中next(),nextInt()和nextLine()
- 将博客搬至CSDN
- 设计模式
- 设计模式
- ScrollView实现悬浮标题栏效果
- 基于springmvc的hessian调用原理浅析
- Eclipse远程Debug
- Linux 基础练习题(一)