控制 mp3 文件的音频速度答案

【问题标题】：Controlling audio speed of a mp3 file控制 mp3 文件的音频速度
【发布时间】：2014-06-30 09:28:37
【问题描述】：

我想在我的网站上播放 mp3 音轨，并使用滑块按百分比控制音轨的速度。我想知道如何仅使用 HTML(5) 和 JavaScript 来完成。我找不到任何示例或教程，任何帮助将不胜感激。

【问题讨论】：

似乎与stackoverflow.com/q/31274895/470749有关

【解决方案1】：

类似这样的：

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

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

【讨论】：

感谢您的帮助:)
必须是jQuery吗？
你可以用 jquery 做的任何事情都可以用 javascript 做。 Jquery 只是一个 JavaScript 库。如果您找到用 jquery 编写的代码，通常可以将代码放在 Google 中并键入“转换为 javascript”或“javascript 等效”，然后会出现一些显示如何用 javascript 编写它的内容。我个人不喜欢导入大型库（例如 jquery）以避免在 js 中编写一些任务。
我永远意识到使用 jQuery 设置 playbackRate 和 attr() 是行不通的。这有效：var player = $('#audioPlayer'); player.attr('src', fileUrl); player[0].playbackRate = $('#playbackRate').val(); [0] 很重要。

【解决方案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̶̶P̶l̶a̶y̶e̶r̶̶y̶o̶u̶̶m̶i̶g̶h̶t̶̶b̶e̶̶a̶b̶l̶e̶̶t̶o̶̶u̶s̶e̶̶̶v̶l̶c̶.̶i̶n̶p̶u̶t̶.̶r̶a̶t̶e̶̶没关系，这是一个只读属性。（参见文档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

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

【讨论】：