如何用JS播放声音?

时间:2011-10-01 14:35:56

标签: javascript html html5 audio

  

可能重复:
  Playing sound notifications using Javascript?

我正在使用JS制作游戏,当发生某些事情时我需要一种正确的方式来播放声音。你如何用JS / HTML5做到这一点?我看过this文章,但即使使用example,它也无法正常工作!有时我确实听到那只鸟,但只是很短的时间,我不能再让它继续工作了。

2 个答案:

答案 0 :(得分:7)

HTML5有新的<audio> - 可用于播放声音的标记。它甚至有一个非常简单的JavaScript接口:

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

答案 1 :(得分:5)

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

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

setTimeout(function() {
    audio.play();        // play it through JavaScript after 3 seconds
}, 3000);

HTML:

<audio src="something" id="audio"></audio>

只需隐藏元素本身:

#audio {
    display: none;
}

请注意no browser supports all formats。这可能令人沮丧,但您可以提供多种格式的音频。