Control Firefox VLC Plugin In Javascript

本文介绍如何使用VLC Firefox插件实现视频播放控制功能,包括播放、暂停、停止、全屏、音量调节等,并提供了完整的HTML和JavaScript代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<html>
<head><title>Demo of VLC mozilla plugin</title></head>
<body>
<h1 align="center">Demo of Firefox VLC Plugin</h1>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
    version="VideoLAN.VLCPlugin.2" width="100%" height="85%" id="vlc">
</embed>

<script language="Javascript">

    var vlc=document.getElementById("vlc");
    var id=vlc.playlist.add("rtsp://192.168.1.18:8554/crazystone.ts");
    vlc.playlist.playItem(id);
    var seek_time = 1000 * 50;
    var volume_number = 10;

   function volume_up()
   {
        alert("Before up is " + vlc.audio.volume);
       if((vlc.audio.volume + volume_number) <= 200)
        {
            vlc.audio.volume += volume_number;    
        }
        else
        {
            vlc.audio.volume = 200;    
        }
        alert("After up is " + vlc.audio.volume);    
   }
   
   function volume_down()
   {
        alert("Before down is " + vlc.audio.volume);        
        if((vlc.audio.volume - volume_number)>= 0) 
        {
            vlc.audio.volume -= volume_number;        
        }
        else
        {
            vlc.audio.volume = 0;
        }
        alert("After down is " + vlc.audio.volume);
   }
   
   function onPause()
   {
        vlc.playlist.togglePause(); 
   }
   
   function onStop()
   {
        vlc.playlist.stop(); 
   }
    
    function onPlay()
    {
        vlc.input.rate = 1.0
    } 
   
    function onFullscreen()
    {
        vlc.video.toggleFullscreen();    
    } 
   
    function onMute()
    {
        vlc.audio.toggleMute();    
    } 
   
    function onSeek_forward()
    {            
        if((vlc.input.time + seek_time) < vlc.input.length )
        {
            vlc.input.time = vlc.input.time + seek_time;    
        }    
        else
        {
            vlc.input.time = 0;        
        }
    } 
   
    function onSeek_backward()
    {
        if((vlc.input.time - seek_time)>= 0)
        {
            vlc.input.time -= seek_time;        
        }
        else
        {
            vlc.input.time = 0        
        }
    } 
    
    function fastForward()
    {
        vlc.input.rate = 8.0    
    }
   
   function backForward()
   {
        vlc.input.rate = 0.
   }
   
</script>


<br />
  <a href="javascript:;" onclick='onPlay()'>Play</a> 
  <a href="javascript:;" onclick='onPause()'>Pause</a>
  <a href="javascript:;" onclick='onStop()'>Stop</a>
  <a href="javascript:;" onclick='onFullscreen()'>Fullscreen</a>
  <a href="javascript:;" onclick="volume_up()">Volume_Up</a>
  <a href="javascript:;" onclick="volume_down()">Volume_Down</a>
  <a href="javascript:;" onclick="onMute()">Mute</a>
  <a href="javascript:;" onclick="onSeek_forward()">Seek_forward</a>
  <a href="javascript:;" onclick="onSeek_backward()">Seek_backward</a>
  <a href="javascript:;" onclick="fastForward()">FastForward</a>
  <a href="javascript:;" onclick="backForward()">BackForward</a>
  
</body>
</html>


References:
1、
http://wiki.videolan.org/Documentation:WebPlugin#Build_HTML_pages_that_use_the_plugin_.28VLC_version_up_to_0.8.5.29
2、
http://wiki.videolan.org/Windows#VLC_Plugin_for_Firefox_.28Mozilla.29
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值