Question

我想在我的网站上播放mp3音轨，并使用滑块操纵音轨的速度百分比。我想知道如何只使用HTML（5）和JavaScript来完成这项工作。我还没有能够找到任何示例或教程，任何帮助将不胜感激。

Answer 1

这样的事情：

myaudio=document.getElementById("audio1");
myaudio.playbackRate=0.5;

这是证明音频和视频都具有可设置的属性以改变播放速率的基础知识。滑块和其他东西的实现，你可以根据你的需要使用jquery来实现。

Answer 2

好吧，如果您愿意使用像Quicktime这样的插件，可以使用Javascript来控制它。

<embed src="success.wav" autostart=false width=512 height=32 id="sound1"
enablejavascript="true">
<script>
document.getElementById("sound1").SetRate(0.5);
</script>

据我所知，RealPlayer和Windows Media Player没有类似的选项。 F̶o̶r̶̶V̶L̶C̶̶M̶e̶d̶i̶a̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶v̶l̶c̶.̶i̶n̶p̶u̶t̶.̶r̶a̶t̶e̶̶mySnd=document.getElementById("audio1"); mySnd.playbackRate=0.5;̶没关系，这是一个非常简单的问题。（参见文档https://wiki.videolan.org/Documentation:WebPlugin/）

我不打算详细介绍Flash，但Flowplayer似乎可以慢动作http://flash.flowplayer.org/plugins/streaming/slowmotion.html播放，也可以播放MP3 http://flash.flowplayer.org/plugins/streaming/audio.html

然而，对于HTML5音频标签，有一个playbackRate Javascript属性，如w3schools所示（在其他地方找不到^^'） http://www.w3schools.com/tags/av_prop_playbackrate.asp

{{1}}

控制mp3文件的音频速度

2 个答案: