網頁IE輕鬆呼叫VLC播放器實現監控(元件+方法大全)
阿新 • • 發佈:2019-01-02
公司突發奇想,要把剛買回來的網路監控機用自己內部網站線上監控。
作為網站的開發員,我接下了這個任務。
網路上有很多資料參與,但是都不全都不盡人意,最後經過多次的不同關鍵字的查詢和測試,總算讓我成功了。
轉入正題:
一、程式碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script> var itemId = 0; function getVLC(name) { if (window.document[name]) { return window.document[name]; } if (navigator.appName.indexOf("Microsoft Internet")==-1) { if (document.embeds && document.embeds[name]) return document.embeds[name]; } else { return document.getElementById(name); } } function doGo(mrl) { var vlc = getVLC("vlc"); itemId=vlc.playlist.add(mrl); vlc.playlist.playItem(itemId); document.getElementById("btn_stop").disabled = false; } function updateVolume(deltaVol) { var vlc = getVLC("vlc"); vlc.audio.volume += deltaVol; } function doPlay() { vlc.playlist.playItem(itemId); document.getElementById("btn_stop").disabled = false; document.getElementById("btn_play").disabled = true; } function doStop() { getVLC("vlc").playlist.stop(); document.getElementById("btn_stop").disabled = true; document.getElementById("btn_play").disabled = false; } </script> </head> <body> <div style="margin: 50px"> <!-- <a title="rtsp://192.168.0.222:8012/.wmv" href="<a target=_blank href="http://zzck-dental.com">http://zzck-dental.com</a>" onclick="doGo(this.title);return false;">本機的mp4檔案</a> --> <span style="margin: 20px;" /> <a title="rtsp://admin:
[email protected]:88/videoMain" href="#" onclick="doGo(this.title);return false;">實時視訊流</a> <span style="margin: 20px;" /> </div> <div> <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc" codebase="" width="600" height="480" id="vlc" events="True"> <param name="MRL" value="" /> <param name="Src" value="" /> <param name="ShowDisplay" value="True" /> <param name="AutoLoop" value="False" /> <param name="AutoPlay" value="False" /> <param name="Time" value="True"/> <EMBED pluginspage="http://www.videolan.org" type="application/x-vlc-plugin" version="VideoLAN.VLCPlugin.2" width="600" height="480" text="Waiting for video" name="vlc" ></EMBED> </OBJECT> </div> <div> <input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true"> <input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true"> <input type=button value="靜音切換" onclick='getVLC("vlc").audio.togglemute();'> <input type=button value="減小音量" onclick='updateVolume(-10)'> <input type=button value="增加音量" onclick='updateVolume(+10)'> </div> </body> </html>
二、說明
rtsp://admin:[email protected]:88/videoMain 為你監控機地址
admin 為帳號,123456為密碼 ,192.168.0.194:88為IP和埠,其它不用修改