谷歌浏览器Chrome播放rtsp视频流解决方案

代码中的具体参数含义，大家可以移步这里：

https://wiki.videolan.org/Documentation:WebPlugin/

找半天，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 下载32bit的就可以，XP也没问题）；

2. 安装，并勾选Mozila支持；

3. 实时播放代码如下

<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410"><param name='mrl' value='rtsp://admin:12345@192.168.10.235:554/h264/ch1/main/av_stream' /><param name='volume' value='50' /><param name='autoplay' value='true' /><param name='loop' value='false' /><param name='fullscreen' value='false' /><param name='controls' value='false' />
</object>

代码中的具体参数含义，大家可以移步这里：

https://wiki.videolan.org/Documentation:WebPlugin/

说明文档很详细，可以使用JS进行各种操作，修改视频地址、建立播放列表、暂停、播放、音量控制等。

谷歌浏览器Chrome播放rtsp视频流解决方案相关推荐

支持使用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中间件来 ...
html播放rtsp流,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...
html播放rtsp视频,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...
谷歌Chrome播放RTSP监控视频流，支持VUE、抓图、录像、回放、倍速等
近期忙一个项目,需要把大华.海康威视.华为等摄像头集成到网页中播放,特别是高版本Chrome中播放,2015年之前还可以用VLC原生播放器在Chrome.Firefox等浏览器中直接播放,延迟比较低, ...
网页播放rtsp视频流
https://github.com/vbence/stream-m https://github.com/131/h264-live-player 网页播放rtsp视频流原文:https://bl ...
PHP如何调取vlc播放rtsp,H5+VLC播放RTSP视频流
最新项目涉及到摄像头,这篇文章记录一下在VUE中播放RTSP视频流. 这篇文章主要介绍使用VLC插件播放RTSP视频流,目前支持的浏览器有 360浏览器.2345浏览器,可用于一些对播放器要求不高的项 ...
浏览器播放rtsp流媒体解决方案
浏览器播放rtsp流媒体解决方案参考文章: (1)浏览器播放rtsp流媒体解决方案 (2)https://www.cnblogs.com/gaoji/p/6872365.html 备忘一下.
Python Gstreamer播放rtsp视频流（海康IPCAM）
Python Gstreamer播放rtsp视频流(海康IPCAM) 播放思路: 图解: 1.首先通过IPCAM的ip与用户等信息获得rtsp码: 海康新版IPCAM的rtsp地址规则为:rtsp ...
H5无插件播放rtsp视频流
基于WebSocket的HTML5 RTSP流媒体视频播放器 Streamedian能让浏览器免插件播放rtsp视频流 Streamedian管网: https://streamedian.com/ ...

谷歌浏览器Chrome播放rtsp视频流解决方案

谷歌浏览器Chrome播放rtsp视频流解决方案相关推荐

最新文章

热门文章