最新版本chrome等各种浏览器播放rtsp解决方案 使用VLC转码，在HTML5页面播放实时监控，多种方法实现

VLC转码实现浏览器播放RTSP实时监控：方法解析
原创 已于 2023-11-21 09:46:26 修改 · 8.4k 阅读 · 15 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#rtsp #rtmp #vlc

于 2020-09-13 08:53:50 首次发布
本文介绍了四种在最新版本浏览器（包括Chrome, Firefox等）中播放RTSP视频流的方法，主要利用VLC进行转码或插件播放。方法包括：1) 使用VLC的NPAPI网页插件，但不支持最新浏览器；2) 通过libvlc插件直接播放；3) 使用VLC将RTSP转码为Ogg，通过HTML5的video标签播放，有1秒延迟；4) RTSP转WebRTC播放，延迟约800ms，适用于高精度需求。文章提供了详细步骤和代码示例。" 80703406,7497249,解决Torch安装与cudnn匹配问题,"['深度学习', 'Torch框架', 'CUDA编程', 'GPU计算', '软件安装']

  AppEmit v1.0.9 新功能 浏览器调用本地应用程序 调用第三方DLL ,支持使用vlc在最新版本chrome等各种浏览器最新版本打开rtmp rtsp ，支持多个源一个网页同时播放，更多主页   下载地址   

方法1 使用NPAPI播放vlc的网页插件

HTML5的可以支持RTMP 但是无法播放RTSP，flash也止步于RTMP，最后同事推荐了个开源的好东东 VLC ，请教谷歌大神之后，这货果然可以用来让各浏览器（IE activex方式，谷歌、FF）实现播放RTSP视频流，那真是极好的~~ 废话不多说了附上参考文档和案例，大家自己看吧。

视频是用的海康网络摄像头（支持RTSP，标准H.264 RTP封装的设备），可以通过 rtsp://admin:12345@192.0.0.64:81/h264/ch1/main/av_stream  对摄像头进行读取RSTP流。在谷歌浏览器下实现web显示实时监控画面步骤：

1. 下载vlc -  http://www.videolan.org/vlc/  开源的好东西，并安装（本人测试系统为WIN8.1 64bit

最低0.47元/天 解锁文章
【手把手教】VLC搭建RTSP和HTTP视频流
lai_2020的博客
09-19 1454
本文介绍了使用VLC播放器搭建RTSP和HTTP单播视频流的方法。详细说明了RTSP视频源的配置步骤（默认端口8554，路径/v1）和客户端播放方式，以及HTTP视频源的搭建（默认端口8080）。文章指出不同视频格式的转码需求，并分析了RTSP（RTP/UDP）和HTTP（TCP）协议在媒体流传输中的差异。测试拓扑采用DHCP分配IP地址的简单网络环境，PC1作为服务器，PC2作为客户端。最后提供了VLC播放器和4K测试视频的下载链接。
VLC media player 谷歌插件 win64位
06-11
VLC media player 谷歌插件 win64位 以下是解决此问题的步骤。 1.打开Chrome，然后在浏览器中键入“ chrome：// flags /＃enable-npap”。 2.查找“启用NPAPI”（使用ctrl + F搜索页面）， 然后只需按“启用”。 3.重新启动您的Chrome浏览器，它应该可以运行。 _（如果这3个步骤都无效，则需要额外的步骤）_ 4.如果它不起作用，请转到chrome“ chrome：// plugins /”的插件链接 ，查看它是否在那里。 5.如果启用，则启用它。如果不存在，请确保已安装32位VLC，并且已从VLC安装中安装了Web插件。 6.安装插件后，请确保重新启动Chrome浏览器以使其能够识别vlc插件。
如何在高版本Chrome中播放RTSP实时视频？
bubailai的博客
10-08 817
背景 随着互联网基础设施的完善以及4G、5G等技术的大规模商用，在Chrome、Firefox、Edge等浏览器播放RTSP视频流也慢慢成为了信息化系统的行业标准。 早些年还可用VLC播放器在网页中播放RTSP视频流，好景不长，2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，导致在高版本的Chrome等网页中播放海康威视、大华等摄像头RTSP视频流也成了奢望。 方案 近期正好有一个智慧城市项目需要实现低延迟、多通路在Chrome等高版本浏览器中播放摄像头RTSP视频流
appemit支持chrome edge等浏览器使用VLC 播放rtsp rtmp 解决方案
appemit
01-24 4795
appemit支持chrome等浏览器使用VLC 播放rtsp rtmp HTML5的可以支持RTMP 但是无法播放RTSP，flash也止步于RTMP，最后同事推荐了个开源的好东东 VLC ，请教谷歌大神之后，这货果然可以用来让各浏览器（IE activex方式，谷歌、FF）实现播放RTSP视频流，那真是极好的~~ 废话不多说了附上参考文档和案例，大家自己看吧。 视频是用的海康网络摄像头（支持RTSP，标准H.264 RTP封装的设备），可以通过rtsp://admin:12345@192.0.0..
使用VLC转码，在HTML5页面播放实时监控
热门推荐
qq_34307209的博客
10-17 1万+
首先要获取摄像机品牌的RTSP地址： 如大华的是      rtsp://user:pwd@ip:port/cam/ realmonitor?channel=1&subtype=0 海康的是     rtsp://user:pwd@ip:port/MPEG-4/ch1/main/av_stream Html5 并不支持rtsp,所以使用vlc进行转码,将rtsp转http流,这样就
谷歌浏览器Chrome播放rtsp视频流解决方案easyPlayerRTSP
appemit
01-03 6130
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 ...
Chrome低延迟播放RTSP方案—VLC网页播放浏览器小程序.pdf
10-02
VLC网页播放小程序正是为解决上述问题而设计，它利用PluginOK中间件在高版本Chrome等浏览器中模拟实现ActiveX和NPAPI插件效果，调用VLC桌面客户端的ActiveX控件，直接在网页中低延迟播放RTSP流。VLC作为开源的跨平台...
《浏览器播放RTSP方案》之 VLC插件播放RTSP视频流
sinat_36065456的博客
08-16 6891
VLC插件播放RTSP视频流多版本chrome安装安装vlc软件开启浏览器的NPAPI设置编写测试页插件设置其他问题最后 目前网页对于RTSP流直接播放不支持，目前有插件和转流两种方式，这里针对vlc插件播放做一个简单的梳理。 查看官网教程 vlcWebPlugin, 得知其浏览器支持情况： 这是因为因为谷歌启用了新的插件PPAPI，认为新的更安全，所以NPAPI设置在chrome45及以后不再支持。 鉴于开发者主要使用chrome，所以我们需要首先安装一个v44版本的chrome浏览器。而且我们电脑上基
chrome浏览器播放rtsp格式的视频流（非转码）
arno1988的专栏
07-29 2880
chrome浏览器播放rtsp格式的视频流（非转码）
谷歌浏览器Chrome播放rtsp视频流解决方案
weixin_30649859的博客
02-27 4850
找半天，HTML5的可以支持RTMP 但是无法播放RTSP，flash也止步于RTMP，最后同事推荐了个开源的好东东 VLC ，请教谷歌大神之后，这货果然可以用来让各浏览器（IE activex方式，谷歌、FF）实现播放RTSP视频流，那真是极好的~~ 废话不多说了附上参考文档和案例，大家自己看吧。 视频是用的海康网络摄像头（支持RTSP，标准H.264 RTP封装的设备），可以通过rtsp:...
浏览器嵌套播放rtsp流视频
03-30
编辑VLCindex.html，修改下面的播放地址
网页无插件播放rtsp视频，支持最新浏览器内核
10-18
支持最新浏览器内核，实现了用RTSP协议接入已有流媒体平台或摄像机的视频，通过转码后用WebRTC进行播放，只要支持WebRTC的浏览器或移动端都可以使用。用WebRTC播放监控视频可以处理高版本浏览器不支持插件的情况，且比rtmp、HLS的实时性更高。
html 播放rtsp流
02-18
这是一个通过html播放rtsp流的文件，可以在IE浏览器和 google4.5以下版本的浏览器运行。 主要内容：1.可以设置vlc的视频的缓冲时间， 2.可以设置取RTSP/TCP流
html5播放直播rtsp流详细demo
10-12
html5直播视频浏览demo，通过ffmpeg做服务，将rtsp流转换为hls。在通过videoJS将其播放出来。包内包含配置，安装文件，完整流程demo代码。由于是研究使用，所以demo较为简单，但是功能已经完全实现。包括代码启动ffmpeg、rtsp流转hls流、代码关闭ffmpeg服务同时删除转换文件、前台VideoJS展示等功能。
浏览器播放rtsp流媒体解决方案
weixin_34245749的博客
05-18 308
老板提了一个需求，想让网页上播放景区监控的画面，估计是想让游客达到未临其地，已知其境的状态吧。说这个之前，还是先说一下什么是rtsp协议吧。RTSP（Real Time Streaming Protocol），实时流传输协议，是TCP/IP协议体系中的一个应用层协议，由哥伦比亚大学、网景和RealNetworks公司提交的IETF RFC标准。该协议定义了一对多应用程序如何有效地通过I...
web浏览器播放rtsp视频流，海康监控API
qq_33982898的博客
08-04 4232
海康平台支持多种协议的视频流，如果流无法播放，可能是设备配置或者分辨率或者… 出了问题！！这种事情当然是让后端去处理咯，是跟厂商联调还是怎么着，关我前端啥事儿！！！把精力用到更有意义的地方才是正解，例如像我一样水一篇文章， Nice！当然，尽量直接使用海康平台API返回的流，转码始终是下策。rtsp视频服务 基于node+ffmpeg 转换为 flv 视频服务ffmpeg安装教程（windows版）
浏览器播放rtsp视频流解决方案
liveweb视频汇聚平台
07-12 3887
iveweb的优点是支持多种协议(RTSP/RTMP/HLS/HTTP-FLV/WebSocket-FLV/GB28181/HTTP-TS/WebSocket-TS/HTTP-fMP4/WebSocket-fMP4/MP4/WebRTC),支持协议互转。 全面支持H265/H264/AAC/G711/OPUS。 支持WebRTC推流，支持转其他协议 支持WebRTC播放，支持其他协议转WebRTC 支持TWCC rtcp动态调整码率 支持remb/pli/sr/rr rtcp 支持rtp扩展解析 支持GOP
浏览器播放RTSP流，支持H264、H265等格式，支持IE、Chrome等浏览器
最新发布
.NET 人工智能实践
08-28 1738
浏览器播放RTSP流，支持H264、H265等格式，支持IE、Chrome等浏览器
基于WebRTC的RTSP视频流实时播放解决方案
然而，RTSP本身并不直接被现代浏览器原生支持，尤其在Chrome、Firefox等主流浏览器已全面禁用NPAPI插件之后，传统的基于VLC或ActiveX控件的播放方式已不可行。因此，必须通过中间服务实现协议转换。 其次，HLS...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值