EasyNVR H5摄像机无插件直播解决方案前端解析之:引用videojs无法自动播放问题的解决

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xiejiashu/article/details/77698171

关于videojs自动播放问题

很多的流媒体视频H5网页播放使用的是videojs来进行的播放,而videojs本身自带的自动播放属性是需要通过添加autoplay()方法来完成视频播放的自动加载:

	player = videojs("video", {
         autoplay: true,
    });

在制作四分屏的时出现给videojs添加autoplay()后,在一些浏览器上并不能完成自动播放,videojs加载完成后视频播放呈现出暂停样式:

EasyNVR摄像机网页无插件视频播放

在其他浏览器上却是可以自动加载播放的!???

那么,为了解决这样的不兼容的问题,我们根据videojs最新的问题修复版本,设置一下更新后的swf版本:

videojs.options.flash.swf = 'video-js-fixed.swf';

设置flash swf路径后,Video.js会在不支持html5的浏览中使用flash播放视频文件;

配合autoplay()就可以完成自动加载了播放;

EasyNVR网页无插件播放

推荐使用EasyPlayer.js

实际上采用video.js播放或者采用ckplayer、cyberplayer等播放器,在安防、流媒体、音视频领域,尤其是在我们这种Easy系列的大家族里面,总会有一些局限,举个简单的例子,我们为了产品全平台、全终端的兼容,需要H5播放能同时支持RTMP、HTTP、HLS、HTTP-FLV、websocket等多种协议,同时,在安防等工业场景,重连还是必须的,例如RTMP重连、HTTP-FLV直播的重连、HLS(m3u8)直播的重连,这就不得不让我们基于videojs、flv.js、flash等做整合,于是有了EasyPlayer.js:

在安防等工业场景里面,播放重连是很重要的!

EasyPlayer.js是一款,支持HLS(m3u8)播放、支持HTTP-FLV播放、支持RTMP播放、支持视频直播和视频点播播放、支持播放器快照截图、支持点播多清晰度播放、支持全屏拉伸显示或比例显示、支持flash支持极速和流畅模式、支持flash支持HTTP-FLV播放(兼容IE浏览器的HTTP-FLV播放)、兼容IE浏览器播放的完整功能的H5视频播放器;

详细的EasyPlayer.js获取可以到Github:https://github.com/EasyDSS/EasyPlayer.js

EasyPlayer.js是完全免费的一款Easy团队自用产品;

关于EasyPlayer系列

实际上EasyPlayer.js是EasyPlayer播放器系列10个分支中的一个,EasyPlayer是由**青犀TSINGSEE开放平台**开发和维护的一个流媒体播放器系列项目,随着多年不断的发展和迭代,不断基于成功的实践经验,发展出包括有:

  • EasyPlayer RTSP播放器(Windows / Android / iOS)

  • EasyPlayer RTMP播放器(Windows / Android / iOS)

  • EasyPlayerPro 全功能播放器(Windows / Android / iOS)

  • EasyPlayer.js H5全平台播放器(H5)

EasyPlayer项目集群说明

√ EasyPlayer-RTSP

EasyPlayer-RTSP是一套RTSP播放器项目,目前包括有Windows、Android、iOS多个分支,主要用于RTSP专用播放,比大部分通用播放器更加精炼,而且延时控制方面非常优秀,非常适用于安防行业:

√ EasyPlayer-RTMP

EasyPlayer-RTMP是一套RTMP播放器项目,目前包括有Windows、Android、iOS多个分支,主要用于RTMP专用播放,比大部分ffmpeg封装类型播放器更加精炼,而且延时控制方面非常优秀,自定义扩展RTMP H.265支持:

√ EasyPlayerPro

EasyPlayerPro是一款全功能的流媒体播放器,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性,核心基于ffmpeg,稳定、高效、可靠、可控,支持Windows、Android、iOS三个平台,目前在多家教育、安防、行业型公司,都得到的应用,广受好评!

√ EasyPlayer.js

EasyPlayer.js是EasyPlayer H5版,支持http、rtmp、flv、hls等多种协议,支持全平台、全终端(Windows、Linux、Android、iOS)播放;

EasyPlayer.js的应用案例

EasyPlayer.js目前已经成功应用在了Easy系列的多款产品上,尤其是比较知名的EasyNVR智能云终端无插件服务产品、EasyDSS互联网流媒体服务器产品、EasyNVS视频集中管理平台产品、EasyGBS国标GB/T28181平台产品,这些产品都完完全全使用的是EasyPlayer.js:

更多流媒体音视频资源

EasyDarwin开源流媒体服务器:www.EasyDarwin.org

EasyDSS高性能互联网直播服务:www.EasyDSS.com

EasyNVR安防视频可视化服务:www.EasyNVR.com

EasyNVS视频综合管理平台:www.EasyNVS.com

EasyNTS云组网:www.EasyNTS.com

EasyGBS国标GB/T28181服务器:www.EasyGBS.com

EasyRTC视频会议解决方案:www.EasyRTC.cn

Copyright © TSINGSEE.com Team 2012-2019

青犀TSINGSEE

展开阅读全文

没有更多推荐了,返回首页