Control Firefox VLC Plugin In Javascript

最新推荐文章于 2020-12-21 12:13:41 发布

转载最新推荐文章于 2020-12-21 12:13:41 发布 · 2.7k 阅读

ffmpeg 专栏收录该内容

90 篇文章

订阅专栏

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

<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.5 } </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>