Chrome 谷歌浏览器 直接播放 RTSP 流 demo

最新推荐文章于 2025-02-18 06:45:00 发布
最新推荐文章于 2025-02-18 06:45:00 发布
阅读量2.3k 收藏
点赞数
分类专栏： # HTML # JS 前端 文章标签： rtsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KimBing/article/details/119355958
版权
介绍如何配置旧版Chrome浏览器以直接播放RTSP流的方法，包括安装特定版本的Chrome、加载专用插件及调整浏览器设置等步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Chrome 谷歌浏览器 直接播放 RTSP 流 demo

github: https://github.com/KyleBing/rtsp-player-chrome

该项目是参考这篇文章产出的，所有文件也是该文章中提供的
https://blog.csdn.net/qq_34817440/article/details/105644393

使用 vxg 播放器进行转码，可直接在 chrome 中播放 rtsp 监控视频。

只支持旧版的 Chrome 最新版的不支持。该库中的版本是 v72 可正常使用

一、安装 Chrome

安装后，为了避免浏览器自动升级成最新的，将目录中 Update 目录权限设为谁都不能改。

用户目录\AppData\Local\Google
# 如
C:\Users\Administrator\AppData\Local\Google

请添加图片描述

二、安装 Chrome 插件

  1. 解压项目目录中的 /chrome-extension/VXG-Media-Player_v1.8.42.rar 文件
  2. 【设置】 - 【更多工具】 - 【扩展程序】 打开浏览器的扩展程序页面，把开发者模式点开
  3. 选择【加载已解压的扩展程序】，选择第 1 步解压的文件夹
  4. 此时就能看到已经多出一个扩展程序名这 VXG Media Player 1.8.42

screen2021_0803_1733

三、访问

修改 index.html 中的 rtsp 地址
将项目文件放到 nginx 或 apache 中访问该目录即可

请添加图片描述

rtsp推流综合解决方案：一键将本地视频文件推起rtsp流，web界面方便管理视频
Gothehell的博客
12-09 1326
rtsp推流，本地视频推流
谷歌浏览器Chrome播放rtsp视频流解决方案easyPlayerRTSP
appemit
01-03 5941
A 方案 VLC播放RTSP B 方案mplayer播放RTSP C方案 mpvPlayer播放RTSP D‘方案 easyPlayerRTSP调用ffmpeg库播放RTSP // 方案4 使用 easyPlayer RTSP 模块 调用 FFmpeg 来播放RTSP流 1 方法一，使用IE内核来打开 ,参考 plugins\thirdparty\ffmpeg\easyPlayerRTSP ocx_test.html 2 方法二，使用dll方式加载 ocx ...
rtsp推流如何在浏览器实现
最新发布
weixin_52069949的博客
02-18 947
当然，这种配置方法只是为了简单的使用，并且只支持非H265的视频流，其中​：stream01是你起的名字，source是视频流地址，配置完成后启动就可以直接在浏览器访问​。这是最简单的转码方式完成rtsp推流，我个人感觉大多数用户不会自己重新去开发一个流媒体服务器，所以更加推荐的是使用开源流媒体这种方式。本人没有macOS就不过多赘述，只会基本的使用，将rtsp流转为webrtc流在浏览器播放，如果需要更多优化​，建议查看官方文档。SRT: 支持 SRT 协议，适用于低延迟、高可靠性的视频传输。
谷歌浏览器Chrome播放rtsp实时视频，并抓图、录像、回放、倍速等
猿大师播放器—网页低延迟播放RTSP视频流专家
02-13 4964
因为项目上需要把海康威视摄像头集成到WEB网页中播放，于是开始了对WEB播放摄像头方案的各种折腾。 2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放，延迟比较低，效果也还不错。可惜好景不长，从 2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，海康威视官方提供的 web3.0开发包也只能在低版本浏览器播放。 有朋友推荐的猿大师VLC播放程序，据说是底层调用VLC播放控件然后嵌入到网页中直接播放RTSP视频流的，延迟非常低（实测300毫秒左右
谷歌浏览器Chrome播放rtsp视频流解决方案
weixin_30649859的博客
02-27 4655
找半天，HTML5的可以支持RTMP 但是无法播放RTSP，flash也止步于RTMP，最后同事推荐了个开源的好东东 VLC ，请教谷歌大神之后，这货果然可以用来让各浏览器（IE activex方式，谷歌、FF）实现播放RTSP视频流，那真是极好的~~ 废话不多说了附上参考文档和案例，大家自己看吧。 视频是用的海康网络摄像头（支持RTSP，标准H.264 RTP封装的设备），可以通过rtsp:...
支持高版本谷歌播放rtsp的插件vxg media player
12-29
支持高版本谷歌播放rtsp的插件--VXG Media Player。该插件支持高版本的谷歌浏览器播放rtsp流视频，也不必转码为rtmp再播放，直接将Chromefor的东西添加到谷歌浏览器扩展程序里，重启浏览器就可以正常使用插件，获取播放视频流速度超快。
chrome播放rtsp视频使用vgx插件
yanglei_95的博客
05-09 1872
文章转载出处 https://blog.csdn.net/qq_34817440/article/details/105644393 补充说明：谷歌版本查看方式 高版本不支持的原因目前认为是PNaCl 高版本不支持
支持使用vlc在chrome等各种浏览器打开rtmp rtsp 谷歌浏览器Chrome播放rtsp视频流解决方案
appemit
09-11 7121
AppEmit v1.0.9 新功能 浏览器调用本地应用程序 调用第三方DLL ,支持使用vlc在chrome等各种浏览器打开rtmp rtsp更多主页 使用vlcplayer 转换提供rtsp直播流，在chrome打开播放。
大华摄像头播放插件，适用于chrome最新版，支持rtsp格式播放
05-05
在IT领域，尤其是在网络视频监控系统中，"大华摄像头播放插件"是一个重要的工具，它解决了在Chrome浏览器上直接播放RTSP格式视频流的问题。RTSP（Real Time Streaming Protocol）是一种广泛用于视频流传输的协议，...
在高版本chrome上播放实时RTSP视频流，并应用到web项目中
热门推荐
qq_32442367的博客
09-16 1万+
参考博客： linkingvision ShellCollector 那朵花啦 盛想飞 背景 项目需要在web上播放rtsp视频流，之前一直都是用chrome作为最终应用的浏览器，但发现常规操作下rtsp数据流需要插件，（rtsp视频流的播放依赖于多年前的NPAPI，而自2015年以后，chrome取消了对此功能的支持），并且在高版本chrome下模块显示“插件不可用”，于是进行了不同方法的尝试。...
海康威视视频监控web开发最新插件包（包含实时预览和回放demo），插件支持谷歌浏览器
05-27
在这个特定的场景中，我们讨论的是一个专为Web开发设计的海康威视视频监控插件包，它特别强调对谷歌浏览器（Chrome）的支持。这个插件包包含了实时预览和回放功能的demo，这对于构建基于Web的视频监控系统至关重要。...
Chrome浏览器播放rtsp_支持H.265,所需资源
10-08
Chrome浏览器播放rtsp_支持H.265,所需资源 ffmpeg-20200527-8b5ffae-win64-static    oflaDemo  setup-Red5-1.0.5 详见：https://blog.csdn.net/zjy660358/article/details/108959372
浏览器嵌套播放rtsp流视频
03-30
编辑VLCindex.html，修改下面的播放地址
html 播放rtsp流
02-18
这是一个通过html播放rtsp流的文件，可以在IE浏览器和 google4.5以下版本的浏览器运行。 主要内容：1.可以设置vlc的视频的缓冲时间， 2.可以设置取RTSP/TCP流
flagwind-rtsp-player:基于 TypeScript 编写的 RTSP 播放器，支持海康、大华等 RTSP 视频流
05-11
RTSP Player 一个基于 + 的 RTSP 视频播放解决方案，可用于播放 海康、大华 等支持 RTSP 协议的网络摄像头。 安装调试 安装依赖： $ npm install 调试： $ npm run dev 打包部署 打包配置在 build\dist.config.js 文件中修改，对应的配置项请浏览 文档。 打包命令如下： $ npm run dist 打包后的文件在 dist\app 目录中。 RTSP 协议 以海康威视IP摄像头为例： rtsp://[username]:[passwd]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream username：用户名，例如admin passwd：密码，例如12345 ip：设备的ip地址，例如192.0.0.64 port：端口号默认554，若为默认可以不写 codec：
chrome浏览器播放rtsp格式的视频流（非转码）
arno1988的专栏
07-29 2701
chrome浏览器播放rtsp格式的视频流（非转码）
在chrome中呈现RTSP
喜欢散步的程序员——一支铅笔
08-14 3508
从RTSP数据流到浏览器呈现前言 前言 现在，市场上大多是监控摄像头输出的视频流格式都是rtsp，以海康威视摄像头为例，其视频流的地址格式如下：rstp://user:password@IP:port，例如，用户名为admin，密码为abc123456，IP地址为192.168.61.64，端口号为554（海康威视监控摄像头默认端口号是554）的监控摄像头的地址为：rtsp://admin:abc...
Chrome 播放rtsp实时视频， FAQ
H5Stream/HTML5 Streaming
10-08 3532
1.1    h5s 服务启动失败？ h5s使用了多个网络端口提供不同的服务，默认的端口有8080 8443 8554 8555  8935 8936 8890 8891，这些端口分别属于http rtsp rtmp flv 服务，可以检查一下是否有端口冲突。 有时会不小心点了gencertificate.bat，从而重置了证书，这时候需要从发布包里还原一下certificate目录下的文件。 1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十月ooOO

许个愿，我帮你实现

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值