谷歌浏览器Chrome播放rtsp视频流解决方案
2017-07-26 16:55
162 查看
代码中的具体参数含义,大家可以移步这里:
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. 实时播放代码如下
代码中的具体参数含义,大家可以移步这里:
https://wiki.videolan.org/Documentation:WebPlugin/
说明文档很详细,可以使用js进行各种操作,修改视频地址、建立播放列表、暂停、播放、音量控制等。
代码中的具体参数含义,大家可以移步这里:
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. 实时播放代码如下
代码中的具体参数含义,大家可以移步这里:
https://wiki.videolan.org/Documentation:WebPlugin/
说明文档很详细,可以使用js进行各种操作,修改视频地址、建立播放列表、暂停、播放、音量控制等。
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进行各种操作,修改视频地址、建立播放列表、暂停、播放、音量控制等。
代码中的具体参数含义,大家可以移步这里:
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视频流解决方案
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- 谷歌浏览器Chrome播放rtsp视频流解决方案
- 浏览器web播放rtsp视频流解决方案(chrome/IE/firefox/360等)
- VLC RTSP视频播放终极解决方案
- 谷歌浏览器无法播放QQ空间视频动画的解决方案
- 火狐浏览器 谷歌浏览器 安装vlc插件 播放摄像头 rtsp视频流
- 如何在Chrome播放 RTSP 实时视频,并且不能有插件
- js + php 读取、播放视频流 兼容firefox,chrome,ie,mac的safari,ios的safari,ios的微信浏览器(文件读取文件流篇)
- 【FFmpeg】ffplay播放rtsp视频流花屏问题
- RtspViewer可设置播放地址 基于vlc播放采集rtsp地址视频演示2.0 测试成功
- HTML5 支持RTSP 视频流播放 之 调试视频源
- VLC播放RTSP视频延迟问题
- html5视频播放解决方案
- 【FFmpeg】ffplay播放rtsp视频流花屏问题
- symbian 视频播放解决方案
- 火狐浏览器,页面视频播放“没有找到支持的视频格式和mime类型”解决方案