如何用JS播放声音?

cor*_*zza 1 html javascript audio html5

可能重复:
使用Javascript播放声音通知?

我正在使用JS制作游戏,当发生某些事情时我需要一种正确的方式来播放声音.你如何用JS/HTML5做到这一点?我看过这篇文章,但即使有他们的例子,也没有真正奏效!有时我确实听到那只鸟,但只是很短的时间,我再也无法让它工作了.

kla*_*her 8

HTML5有新的<audio>-Tag,可以用来播放声音.它甚至有一个非常简单的JavaScript接口:

<audio id="sound1" src="yoursound.mp3" preload="auto"></audio>
<button onclick="document.getElementById('sound1').play();">Play it</button>
Run Code Online (Sandbox Code Playgroud)


pim*_*vdb 5

您可以使用HTML5 <audio>标记:http://jsfiddle.net/STTnr/.

var audio = document.getElementById('audio');

setTimeout(function() {
    audio.play();        // play it through JavaScript after 3 seconds
}, 3000);
Run Code Online (Sandbox Code Playgroud)

HTML:

<audio src="something" id="audio"></audio>
Run Code Online (Sandbox Code Playgroud)

只需隐藏元素本身:

#audio {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

请注意,没有浏览器支持所有格式.这可能令人沮丧,但您可以提供多种格式的音频.