首页 > 其他分享 >网页安防视频流媒体播放器,实现在web浏览器播放H.265编码视频

网页安防视频流媒体播放器,实现在web浏览器播放H.265编码视频

时间:2023-08-16 11:02:31浏览次数:43  
标签:web H.265 浏览器 媒体播放器 视频 H265 插件 播放

目前安防监控行业,基本所有的摄像头都支持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的技术。


视频播放器架构:

网页安防视频流媒体播放器,实现在web浏览器播放H.265编码视频_web播放器

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

网页安防视频流媒体播放器,实现在web浏览器播放H.265编码视频_网页播放器_02

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


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


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


livewebPlayer中H265视频播放效果:

网页安防视频流媒体播放器,实现在web浏览器播放H.265编码视频_H265_03

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

 


标签:web,H.265,浏览器,媒体播放器,视频,H265,插件,播放
From: https://blog.51cto.com/u_16159766/7099979

相关文章

  • DACTF 2023 七月赛 websever
    解题过程IDA打开,函数很多,而且全是sub_没有符号,查看下字符串,看到了/flag/check,还有很多oatpp3的字符串,查了下,这是个C++的web库和名字很符合,先编译一份,参考[] https://blog.csdn.net/qq_44519484/article/details/123250415 编译完使用IDA打开,然后bindiff导入,全选导入符号......
  • Syline6.5学习心得-web-创建几何对象
    通过实例说明如何在Skyline中创建圆、文本、多边形等几何要素,设置要素的颜色,要素提示,飞行到几何要素等功能。1.使用的接口    ICreator65:可以创建几何要素、颜色、位置、图层等等(具体请查看api)例如本篇所涉及的要素:CreatePosition,CreateColor,CreateCircle,CreateMessage......
  • python的websocketAPP
    一.websocket简介及安装使用pip命令安装websocket库:pip3installwebsocketwebsocket.WebSocketApp 是对 websocket.WebSocket 的封装,支持自动定时发送PING帧,支持事件驱动方式的数据帧接收,可用于长期的WebSocket连接。websocket中就有建立连接connect、发送消息send等函......
  • web端相关
    1什么是认证和授权 2 ......
  • JS逆向实战21——某查查webpack密码加密
    声明本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除!网站aHR0cHM6Ly93d3cucWNjLmNvbS8=前言阅读前请先阅读下我的另一篇文章看看别的webpack打包的网站......
  • Asp.net WebAPI中Controller的方法在接受到json时序列化都为null的问题
    原因是,webapi默认不序列化字段,只序列化属性只需要把字段改成属性即可 ------------------改成---------------- ......
  • WebDAV之π-Disk·派盘 + 厚墨
    厚墨是目前网络上非常方便的一款电子阅读软件,采用独家数据采集分析技术,汇合了移动互联网各种资源网站大数据,能同步起点中文网、纵横中文网、逐浪小说网、言情小说吧、晋江文学城、百度阅读、网易云阅读、塔读文学、创世中文网、潇湘书院、飞卢小说和腾讯文学等等小说更新,将玄幻小说......
  • 流媒体服务器播放H.265编码格式,浏览器播放H.265解决方案
    我们都知道h.264编码,目前互联网主流的视频播放器播放的视频就是H.264编码,但是随着更新一代视频编码技术h.265编码诞生,其在同样画质和码率下相对占用的存储空间理论上要少的优势,使得流媒体服务器更加偏向于H.265视频网站使用H265编码能提高视频清晰度吗。而我们翻看现如今的视频网站......
  • eWebEditor 复制word里面带图文的文章,图片可以直接显示
    ​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来......
  • Web编辑器 复制word里面带图文的文章,图片可以直接显示
    ​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。其原理为一下步骤:监听粘贴事件;【用于插入图片】获取光标位置;【......