web网页中使用vlc插件播放相机rtsp流视频
可参考:
vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器。
下面代码是web网页中使用vlc插件播放相机rtsp流视频:
<html> <body> <!--[if IE]> <object type='application/x-vlc-plugin' id='vlc' events='True' classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540"> <param name='mrl' value='rtsp://192.168.1.1:8554' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> <![endif]--> <!--[if !IE]><!--> <object type='application/x-vlc-plugin' id='vlc' events='True' width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz"> <param name='mrl' value='rtsp://192.168.1.1:8554' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> <!--<![endif]--> </body </html>
注意:
需提前在打开网页的电脑上安装vlc播放器或vlc的插件
http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab
只支持ie浏览器,现在google浏览器之类的取消了对这些的支持。测试大部分国产浏览器还是没问题的。
如果需要动态修改rtsp路径或其他设置,可以把整个object放进一个div里,然后页面加载前修改这个div的innerHTML,还是没什么难度的
官网已经无法下载cab包了,地址已经失效了,不过我们依然可以下载上海交通大学的cab包
下载地址:http://comic.sjtu.edu.cn/vlc/cab/axvlc.cab
官网已经失效的下载地址:http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab
上海交通大学的cab包是基于0.8.6d的版本制作的,虽然现在的版本到了2.1.3
axvlc.cab包里含有3个文件axvlc.dll、axvlc.inf、vlc-0.8.6d-win32.exe
喜欢开发的可以下载这个cab包试一下。
每个Active X插件即使是微小的版本变化,也会出现不兼容
目前发现,很多代码,比如检测插件版本的代码在火狐和谷歌浏览器上显示正常,但是一旦用IE浏览器就不正常了
<object type='application/x-vlc-plugin' id='vlc' events='True' classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540"> <param name='mrl' value='rtsp://192.168.1.1:8554' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object>