如何使用JS播放声音

How to play a sound with JS?

本文关键字：播放声音 JS 何使用      更新时间：2023-09-26

可能重复：
使用Javascript播放声音通知？

我正在用JS制作一个游戏，当发生什么事情时，我需要一种正确的方式来播放声音。你是如何用JS/HTML5做到这一点的？我看过这篇文章，但即使有他们的例子，它也不起作用！有时我确实听到了那只鸟的叫声，但只是很短的一段时间，那时我再也无法让它工作了。

HTML5有了新的<audio>-标签，可以用来播放声音。它甚至有一个非常简单的JavaScript接口：

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

您可以使用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;
}

请注意，没有一个浏览器支持所有格式。这可能会让人沮丧，但你可以提供几种格式的音频。

相关文章：