瀏覽器安裝vlc外掛播放rtsp流
阿新 • • 發佈：2019-02-15
網上很多例子都不管用了，今天自己參照
寫了一個，經測試通過。注意的是，安裝vlc的時候記得勾選ie外掛、火狐外掛。
<!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="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.1.16:554/sample_100kbit.mp4" href="#" onclick="doGo(this.title);return false;">本機的mp4檔案</a> <span style="margin: 20px;" /> <a title="rtsp://192.168.1.6:8086?h264&amr" 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="http://download.videolan.org/pub/videolan/vlc/0.8.6c/win32/axvlc.cab" 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>