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

Question

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

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

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

Answer 1

其实很简单。 HTML5 通过引入 <audio> 使其变得简单标签。

这使用默认音频控件:

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

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

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

如果您想要自定义 slider ，可以尝试以下方法:

<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。