使用vlc播放器實現在IE瀏覽器播放大華攝像頭視頻流以及抓圖

1、先看效果

vlc播放器目前支持在ie瀏覽器，以前低版本的火狐和谷歌也是可以的，不過現在新版本的已經不行了。以下是web端項目中在ie瀏覽器可以看到的畫面。

2、下載vlc播放器

關於下載的話必須要下載32位的播放器，64位的在瀏覽器不支持，反正我的不可以，具體原因還不清楚。

這是我使用的版本，去官網下載即可：https://get.videolan.org/vlc/3.0.16/win32/vlc-3.0.16-win32.exe

3、代碼實現播放

            <object
              type="application/x-vlc-plugin"
              id="vlc"
              events="True"
              width="34%"  //寬度
              height="30%"  //高度
            >
              <param
                name="mrl"
                value="rtsp://帳號:密碼@IP:端口（默認為554）/cam/realmonitor"  //自己攝像頭的rtsp地址
              />
            </object>

4、抓圖

 

var result = vlc.video.takeSnapshot();  //調用此方法即可，默認下載地址在桌面上

以上的話就能實現在web端播放攝像頭監控實時畫面及抓圖操作，使用搜狗和360的兼容模式也是可以的。

關於如何在object標簽上覆蓋內容，實現抓圖按鈕的放置在下一篇。

完結！