浏览器安装vlc插件播放rtsp流

最新推荐文章于 2024-08-30 13:00:03 发布

子晓聊技术

最新推荐文章于 2024-08-30 13:00:03 发布

阅读量3w

点赞数

分类专栏：流媒体（HLS、RTMP、RTSP）

本文链接：https://blog.csdn.net/xiaoliouc/article/details/8664081

版权

流媒体（HLS、RTMP、RTSP）专栏收录该内容

21 篇文章 1 订阅

订阅专栏

网上很多例子都不管用了，今天自己参照

http://jeremiah.blog.51cto.com/539865/161433/

写了一个，经测试通过。注意的是，安装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="#" οnclick="doGo(this.title);return false;">本机的mp4文件</a> 
        <span style="margin: 20px;" /> 
        <a title="rtsp://192.168.1.6:8086?h264&amr" href="#" οnclick="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="静音切换" οnclick='getVLC("vlc").audio.togglemute();'> 
<input type=button value="减小音量" οnclick='updateVolume(-10)'> 
<input type=button value="增加音量" οnclick='updateVolume(+10)'> 
</div> 
</body> 
</html>