目前安防监控行业,基本所有的摄像头都支持H264编码,但是已经有部分摄像头开始支持H265,并且支持H265的摄像机已经越来越多。H265相比H264有着很多优势,压缩更高,网络传输消耗的带宽更小,相同码率下H265视频更清晰。H264目前已经可以在各种web浏览器、客户端等进行解码播放,但是目前H.265编码在浏览器中的硬件解码支持情况并不普及。

长久以来,安防领域的网络摄像机(IPC)的WEB视频直播都依赖于浏览器插件,IE浏览器使用ActiveX插件,Chrome和Firefox浏览器使用NPAPI插件。之所以开发浏览器插件来收流、解码、播放IPC的实时视频,是因为早期HTML的发展过于缓慢,在纯web代码无法实现的情况下开发者只能使用插件来辅助。现在Edge、Chrome、Safari、Firefox等浏览器已经不支持NPAPI插件,只剩下IE浏览器还在支持ActiveX插件,导致IPC的web页面只能在IE内核的浏览器播放实时视频。所以实现web无插件实时播放IPC的H264/H265视频十分重要。

安防直播是目前最流行的一种信息传播和社交方式,区别于录制的点播视频,它要求播放器可以实时的获取并播放流式视频数据。为了实现直播播放,播放器内核需要借助一些HTML5的技术。

视频播放器架构:

播放器内核主要模块与依赖的背景技术:

高像素数量导致需要更复杂的编解码器来最小化带宽需求。持续连接PC或TV,平滑处理4K信号的最小码流是20Mbit/s,例如Netflix要求用户的互联网连接至少提供持续的25Mbit/s带宽量。20到25Mbit/s代表带宽的巨大改善,原生的、非压缩的4K视频需要在60Mbit/s的带宽上才会有好的表现。对于大多数的行业应用来说,H265就是解决这一问题的答案。

为了解决IPC播放H265视频的难题,我们经历了不断的调整和测试,最终将H256视频兼容到EasyPlayer.JS的视频播放当中。

我们将摄像头、硬盘录像机或其他视频平台通过RTMP、RTSP等协议接入到自己的流媒体平台(以EasyDSS为例),当请求播放视频时设备端将视频数据以PS流的形式发送到EasyDSS,EasyDSS接收到PS流后Demux出视频数据,得到裸的H265以及音频数据。最终EasyDSS将H265和音频数据封装成多种互联网直播的通用流格式RTMP、HTTP-FLV、HLS、RTSP格式,分发给EasyPlayer.JS。这样就实现了EasyPlayer.JS的H265视频播放。

EasyPlayer.JS中H265视频播放效果

EasyPlayer.JS支持四分屏操作,可同时播放4路视频流,输出格式为FLV;同时也支持单路视频流大屏播放。EasyPlayer.js网页直播/点播播放器集 rtmp,hls,flv,websocket于一身,使用简单,功能强大,也为开发者提供二次集成的路径参考。不论是测试还是被集成,都能够很方便的为使用者提供服务。

更多关于EasyPlayer

EasyPlayer是一款流媒体播放器系列项目, 支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、 支持本地文件播放,支持本地抓拍、本地录像、播放旋转、多屏播放、 倍数播放等多种功能特性,核心基于ffmpeg,稳定、高效、可靠、可控。 随着多年不断的发展和迭代,不断基于成功的实践经验,发展出包括有: EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三个平台,EasyPlayer.js还支持Linux平台。

网页全终端安防视频流媒体播放器EasyPlayer.js如何实现在web浏览器播放H.265编码视频?相关推荐

  1. 视频流媒体播放器EasyPlayer.js如何实现在FLV直播流断流恢复后自动重连?

    背景分析 EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进行过优化的流媒体播放器,其中我们引以为傲的两个技术优势就是起播速度快和播放延迟低.最 ...

  2. 网页无插件视频流媒体播放器EasyPlayer.JS切换多清晰度码流播放报错,该如何调试?

    EasyPlayer是一款流媒体播放器系列项目,支持RTSP.RTMP.HTTP.HLS.UDP.RTP.File等多种流媒体协议播放.支持本地文件播放,支持本地抓拍.本地录像.播放旋转.多屏播放.倍 ...

  3. H265编码视频流媒体播放器EasyPlayer.js支持9宫格视频同屏播放的写法

    TSINGSEE青犀视频开发的播放器项目EasyPlayer有很多个分支,其中 EasyPlayer.js就是集成在EasyNVR.EasyGBS等平台内进行直播的网页播放器,并且EasyPlayer ...

  4. 【疑难解决】H265编码流媒体播放器EasyPlayer.js播放HLS H265视频流,遇到黑屏如何排查?

    在部分采用H265播放器EasyPlayer.js播放HLS视频流的用户中,有位用户反馈HLS使用了H265编码格式,收到了请求的TS文件,控制台未见报错,但是画面一直黑屏,无法正常播放视频,让我们协 ...

  5. H.265流媒体播放器EasyPlayer.js集成时页面报错出现“X”,该如何解决?

    在上几期的文章中,我们介绍了关于EasyPlayer流媒体播放器最近更新的一些功能和细节优化,包括网页实时录像.ios端低延迟直播,以及如何删除或替换播放器loading样式等,感兴趣的用户可以翻阅我 ...

  6. EasyNVR是怎么做到Web浏览器播放RTSP摄像机直播视频延时控制在一秒内的

    背景说明 由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合也是大势所趋.传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都是都需要OCX Web插件进行直播.对 ...

  7. Ubuntu20.0.4下使用VLC播放h.265(HEVC)视频缺少hevc解码器

    网上大部分都是这样的回答 sudo add-apt-repository ppa:strukturag/libde265 sudo aptitude update sudo apt-get insta ...

  8. android 内存播放视频播放器,视频流媒体播放器EasyPlayer-RTSP安卓版在RK3399上运行APP崩溃问题...

    原标题:视频流媒体播放器EasyPlayer-RTSP安卓版在RK3399上运行APP崩溃问题 我们的流媒体服务器现在都已经支持H.265编码视频的播放,流媒体播放器EasyPlayer就是目前比较稳 ...

  9. 网页全终端视频直播/点播H5播放器EasyPlayer.js正式发布,支持H.265网页播放

    在之前的多篇博客<历时半年,终于研发完成了Web网页对H.265(HEVC)直播和点播的支持,WebAssembly(wasm)>.<EasyPlayer.js开发Web H5网页播 ...

最新文章

  1. springboot整合mysql5.7_springboot整合mybatis访问mysql,数据库
  2. android核心机制之Zygote启动流程
  3. idea 项目编译不成功-循环依赖的问题
  4. 电商新春农历年春节海报还没设计?这是你需要的新年Banner灵感!
  5. linux yum源码安装mysql_linux下通过源码包安装mysql,以及yum安装
  6. MySql的架构和历史
  7. Android 悬浮按钮 两种实现方法
  8. Android的JNI【实战教程】3⃣️--Java调用C代码
  9. Rust 程序语言资料
  10. bootstrap 点击按钮刷新_Thyemlef动态刷新页面方法
  11. 游戏设计情境探秘之声音
  12. 详解CI、CD相关概念
  13. 微信小程序支付和退款(微信公众号和微信小程序支付和退款属于一个爹妈)
  14. ch3 系统总线(一)
  15. 2019 拖拉机(双端队列广搜)
  16. Visual Studio 2019的安装教程
  17. 讲给后台程序员看的前端系列教程(06)——HTML5标签(5)
  18. 基于C语言编写的超市管理系统
  19. 万润新能源递交上会稿:单季营收15亿 拟募资12.6亿
  20. 奥特曼卡牌隐藏的百亿市场

热门文章

  1. 颜色转换rgb24 to yuv420
  2. Wifi4更换Wifi6路由器的使用体验
  3. Git Alias(git快捷命令别名设置)
  4. 单反相机和镜头 怎么样才可以吧身边的mm拍的很漂亮!!
  5. TCP/IP协议知识梳理
  6. python3.6安装tkinter_在SUSE SP3上安装新的python-3.6.4
  7. Python开发:PyQT安装教程
  8. 这个好用高效的读书笔记app软件一定要收藏
  9. ISCSLP 2022 | AccentSpeech—从众包数据中学习口音来构建目标说话人的口音语音合成系统
  10. BUCTOJ2021年ACM竞赛班训练九题解