Question

我不断得到新的想法，因此新的问题和问题，所以我再次寻求帮助！

问题/我想解决的问题：我有4个.mp3文件， - 我希望能够点击div / ahref并启动声音。 - 我希望能够一次播放MULTIPLE文件 - 我会喜欢所有声音或每个声音的音量滑块

感谢SO，我已经走了很长的路，这就是我现在所拥有的：http://eduweb.hhs.nl/~14042568/Help/

$(document).ready(function(){ //ready document, execute function
$(".parent").click(function(){ //add event to class
    var color = $(this).data("color") //add variable get color-data
    $("#home").css("background-color", color); //change property
    var audio = new Audio('./mp3/piano.mp3'); //only plays piano<-- PROBLEM
    audio.play(); //play sound
});
});

紫色（右上角）已经在工作，问题是jQuery只在播放一个声音时被修复，这就像我说的那样是个问题。

谢谢：）

Answer 1

您是否查看了html5的<audio>标记？它做了很多你正在寻找的东西。这是更多信息的链接。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

修改

以下是您需要处理的html音频标记：

<audio src="directoryToFile/subDir/yourSong.mp3" controls></audio>

属性controls为您提供播放按钮，音量，静音，时间以及选择要播放的歌曲部分的滑块。

老实说不是每个浏览器都会播放mp3，所以解决这个问题的方法是将多个音源放到同一首歌中，但格式不同。像这样：

<audio controls> <source src="dir/yourSong.mp3" type="audio/mp3"> <source src="dir/yourSong.ogg" type="audio/ogg"> <source src="dir/yourSong.3gp" type="audio/3gp"> <p>Your browser does not support the <code>audio</code> element </p> </audio>

这允许用户使用哪个浏览器来决定什么是最适合它的。

有loop属性允许歌曲在完成时重复。

然后是preload=""属性。这用于大文件，您可以将其设置为无，自动或元数据

最后，如果您希望您的网站真的很烦人，您可以为该元素提供autoplay属性（请恳求您不要使用自动播放）。

最好的部分是不需要JavaScript或JQuery。当然，你可以使用带有JQuery的JS使用音频标签做更多奇特的事情，但这不是必需的。

控制音量和点击播放.mp3（div）

1 个答案: