谷歌Chrome播放RTSP监控视频流，支持VUE、抓图、录像、回放、倍速等

2024-05-13 10:14:10

近期忙一个项目，需要把大华、海康威视、华为等摄像头集成到网页中播放，特别是高版本Chrome中播放，2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放，延迟比较低，效果也还不错。可惜好景不长，从 2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，海康威视官方提供的 web3.0开发包也只能在低版本浏览器播放。

有朋友推荐的猿大师VLC播放程序，据说是底层调用VLC播放控件然后嵌入到网页中直接播放RTSP视频流的，延迟非常低（实测300毫秒左右），可以媲美官方，于是到猿大师官网下载试用下。

第一步：

先下载VLC播放器，VLC官方下载最新版即可。地址：https://www.videolan.org/

第二步：

猿大师官网（http://www.yuanmaster.com/）下载猿大师中间件，他们提供了免安装的绿色版本，下载后直接解压缩，然后运行 InstallWrl.bat 启动即可。

第三步：

启动猿大师后会有如下弹窗，包含UID等信息，请截图发给猿大师客服开通试用授权。

第四步：

打开猿大师VLC播放程序在线体验网试用，以全页面显示为例，首先点击连接，右侧会显示连接成功。

另外他们还提供VUE的测试页面和源码，内置了三十多种不同的分屏样式，字幕、抓图、录像、水印功能都可以正常使用，可以根据源码和开发文档集成到自己的项目中测试效果，网上找了一个外网视频测试了下（公网视频太少，外网有些卡顿），同时播放12路也没问题。

用猿大师的VLC插件在高版本Chrome播放RTSP视频流，并抓图、录像、回放、倍速等

谷歌Chrome播放RTSP监控视频流，支持VUE、抓图、录像、回放、倍速等相关推荐

新版谷歌Chrome取消对PPAPI插件支持后，浏览器网页打开编辑保存微软Office、金山WPS文档解决方案
最近陆续看到一些大学发布公告,谷歌Chrome取消了对PPAPI插件支持,导致某些在线Office厂家产品将无法在谷歌Chrome107及以上版本运行,被迫更换360浏览器或者使用低版本Chrome浏 ...
Qt+FFmpeg播放RTSP H264视频流（1）- 在Qt项目加入FFmpeg库
Qt FFmpeg播放RTSP H264视频流(1) QtCreator引入FFmpeg库下载FFmpeg库添加FFmpeg库到Qt项目测试FFmpeg库是否能正常使用 QtCreator引入F ...
支持使用vlc在chrome等各种浏览器打开rtmp rtsp 谷歌浏览器Chrome播放rtsp视频流解决方案
AppEmit v1.0.9 新功能浏览器调用本地应用程序调用第三方DLL ,支持使用vlc在chrome等各种浏览器最新版本打开rtmp rtsp 更多主页直接播放rtsp {"em ...
谷歌浏览器Chrome播放rtsp视频流解决方案easyPlayerRTSP
A 方案 VLC播放RTSP B 方案mplayer播放RTSP C方案 mpvPlayer播放RTSP D方案 easyPlayerRTSP调用ffmpeg库播放RTSP 使用AppEmit中间件来 ...
html5播放rtsp h264视频流
最近在研究html5实时播放rtsp流的问题,目前来说h5原生不支持这种格式,网上查了很多教程,大概有以下几种思路. rtsp转rtmp rtmp需要falsh的支持,但是在chrome已经默认禁用. ...
使用flv.js + websokect播放rtsp格式视频流
1.问题背景在最近的项目中,涉及到海康接入的视频播放的问题,海康这边获取到的视频流是rtsp格式,web端目前没有直接可以播放的组件,于是最开始是后端处理了视频流,返回hls格式的m3u8地址,这样 ...
Nginx+FFmpeg 海康、大华NVR实现rtsp转flv实时预览+录像回放
工具准备FFmpeg,推流工具Nginx,要想实现Flv还需要安装模块nginx-http-flv-module,这个模块需要编译,如果是linux环境很方便,如果是windows环境,对不起,超级麻 ...
android 客户端倍速播放,Android MediaPlayer 在 6.0 以上版本使用倍速播放功能说明
public class FloatingPopupWindow implementsSurfaceHolder.Callback {//弹窗宽度 private static final int P ...
chrome播放rtsp视频使用vgx插件
文章转载出处 https://blog.csdn.net/qq_34817440/article/details/105644393 补充说明:谷歌版本查看方式高版本不支持的原因目前认为是PNaCl ...

最新文章

热门文章