可參考:
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>