首页 > 其他分享 >WEB网页直接播放摄像头RTSP视频流方案汇总,服务器转码和直接播放对比!

WEB网页直接播放摄像头RTSP视频流方案汇总,服务器转码和直接播放对比!

时间:2023-09-19 21:13:36浏览次数:62  
标签:播放器 WEB 视频流 转码 RTSP 播放 延迟

关于网页播放摄像头RTSP视频流,网上有很多免费开源方案,大多数是通过把RTSP转码成HLS或者RTMP视频流,然后通过Flash插件播放,但是大多数延迟非常高(比如:HLS延迟达到十几秒),并且播放多路或者播放高清视频也非常容易卡顿(服务器转码,资源消耗非常大)。

下面介绍两种用的比较多的方案:

1.ffmpeg +flvjs + websocket + node

原理:利用ffmpeg(开源)把RTSP转码成FLV,用 websocket 传输FLV流,最后用 flvjs(bilibili 开源)在浏览器播放。具体的技术细节可以自行搜索。

效果:延迟2秒以上,播放多路的时候比较占用CPU资源,并且存在卡顿和花屏的情况,要求不高的非商业可以使用。

2.猿大师播放器

原理:通过猿大师提供的内嵌网页专利技术,底层调用VLC控件可实现在Chrome、Firefox、Edge等高版本浏览器中低延迟、多路同时播放RTSP实时视频流。

效果:因为调用的是VLC控件播放,和用VLC桌面播放器直接播放效果是一样的,VLC默认缓存是1000,所以延迟是1S左右,如果要降低延迟可以通过修改降低缓存来实现,最低可以到300毫秒左右,同时可以播放20路以上视频不卡顿,适合对延迟要求高的场景,如交通、公安、消防等。

 

猿大师播放器多路播放效果演示:https://www.bilibili.com/video/BV1Y34y197Z3/

猿大师播放器低延迟效果演示:https://www.bilibili.com/video/BV1A34y1m7Hj/

 

猿大师播放器免费体验地址:http://www.yuanplayer.com/xiazai/

标签:播放器,WEB,视频流,转码,RTSP,播放,延迟
From: https://www.cnblogs.com/yuandashi/p/17715802.html

相关文章

  • 【TinyWebServer】08定时器处理非活动连接(下)
    定时器处理非活动连接模块,主要分为两部分,其一为定时方法与信号通知流程,其二为定时器及其容器设计、定时任务的处理。本篇对第二部分进行介绍,具体的涉及到定时器设计、容器设计、定时任务处理函数和使用定时器。定时器设计,将连接资源和定时事件等封装起来,具体包括连接资源、超时......
  • WebAssembly实践指南——C++和Rust通过wasmtime实现相互调用实例
    C++和Rust通过wasmtime实现相互调用实例1wasmtime介绍wasmtime是一个可以运行WebAssembly代码的运行时环境。WebAssembly是一种可移植的二进制指令集格式,其本身与平台无关,类似于Java的class文件字节码。WebAssembly本来的设计初衷是想让浏览器可以运行C语言这种编译型语言的......
  • ctfhub_WEB基础关(RCE续集)
    WEB基础七、RCE8、过滤空格该关卡是将输入命令中的空格全部置空代码解读,这行代码使用了正则表达式来检查变量$ip是否包含空格字符。如果preg_match_all函数返回false,表示没有匹配到空格字符,那么$cmd变量将设置为ping命令并执行该命令。否则,如果$ip中包含空格字......
  • 8-web前端 动画 案例
    1、动画说明目标:使用animation添加动画效果   思考:过渡可以实现什么效果?   答:实现2个状态间的变化过程 动画效果:实现多个状态间的变化过程,动画过程可控(重复播放、最终画面、是否暂停) 动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面 构成动画......
  • Javaweb(第一天)
    一、在网页中的一些基本操作(1)添加title 1<title>杭州亚运会开幕式将实现两个“首次”</title> (2)添加标题(h1---h6) 1<h1>杭州亚运会开幕式将实现两个“首次”</h1> (3)在网页中添加音频,图片,视频audioimgvideo对应三种添加方式(4)在网页中添加文本内容,以及首行缩进,居中,靠......
  • 7-web前端 空间转换,3D效果
    1、认识3D转换近大远小近实远虚物体和面遮挡不可见2、三维坐标系   x轴:水平向右--注意:x轴右边是正值,左边是负值   y轴:垂直向下--注意:y轴下面是正值,上面是负值   z轴:垂直屏幕--注意:往外边的是正值,往里面的是负值 3、3D转换 3D转换知识......
  • 如何使用websocket写一个聊天软件
    为什么选用websocket?聊天软件如QQ、微信等之所以选择WebSocket作为底层通信协议,主要基于以下几个优点:实时性:WebSocket是一种全双工通信协议,允许服务器和客户端之间进行双向实时通信,而不需要手动刷新页面或轮询服务器。低延迟:WebSocket建立在单一的TCP连接之上,与传统的HTTP请......
  • 6-web前端的特效 平面转换transfrom
    平面转换transform作用:为元素添加动态效果,一般与过渡配合使用 概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜) 平面转换又叫2D转换1、平面转换----平移目标:使用translate实现元素位移效果语法transform:translate(水平移动距离,垂直移动距离);取值(正......
  • 播放进度统计优化方案
       ......
  • Web 开发工具
    代码编辑器高效编写代码是Web开发的一个关键方面。这是一个可以帮助您的创新工具:代码GPT通过CodeGPT利用人工智能的力量。这款人工智能驱动的代码编辑器可以协助完成编码任务、生成代码片段,甚至提供对编程概念的见解。借助codeGPT,您将能够更快、更高效地进行编码。无论您......