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>

秒客网

web网页中使用vlc插件播放相机rtsp流视频

相关文章