在网站上播放多个循环声音

Question

在网站上播放声音/音乐是否有“最好的方法”？我应该使用JS插件吗？ SWF应用程序还是HTML元素？此外，我希望它支持可以通过HTML滑块控制的音量。

如果我想在彼此之上播放多个声音/音乐，我是否必须为每个声音播放一个“播放器”，或者我可以让一个播放器播放多个声音？

上次我需要在我的网站上添加声音就像10年前一样，所以我不知道人们现在使用什么技术。

Answer 1

实际上非常简单。 HTML5通过引入<audio>标记使其变得简单。

这使用默认音频控件：

<audio loop controls><source src="yoursoundhere.mp3" type="audio/mpeg"></audio>

loop属性使其自动循环。如果要在加载时开始播放，请添加autoplay属性。多个音频标签互相播放。

请注意，这仅适用于MP3。否则，您需要更改文件类型。

如果你想要一个自定义滑块，你可以试试这里：

<audio loop id="audio"><source src="yoursoundhere.mp3" type="audio/mpeg"></audio>
<script>
//When slider value updates.
function updateSlider(){
var audioplayer = document.getElementByID("audio");
var controlvalue = yourHTMLsliderValue();
audioplayer.volume = controlvalue;
}
//First Time.
var audioplayer = document.getElementByID("audio");
var controlvalue = yourHTMLsliderValue();
audioplayer.volume = controlvalue;
</script>

另请注意，支持的音频文件类型为.mp3，.ogg和.wav，并且这仅适用于 HTML5。