谷歌瀏覽器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進行各種操作，修改視頻地址、建立播放列表、暫停、播放、音量控制等。