如何用JS播放声音?

发布于 2024-12-07 20:10:16 字数 522 浏览 0 评论 0原文

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

我正在用 JS 制作游戏,我需要当事情发生时播放声音的正确方法。如何使用 JS/HTML5 做到这一点?我看到了这篇文章,但即使他们的示例,它实际上不起作用!有时我确实听到那只鸟的声音,但只是很短的时间,然后我就无法再让它工作了。

Possible Duplicate:
Playing sound notifications using Javascript?

I'm making a game in JS, and I need a proper way to play a sound when something happens. How do you do that with JS/HTML5? I saw this article, but even with their example, it doesn't really work! Sometimes I do hear that bird, but only for a short time, and I can't get it to work anymore then.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

各自安好 2024-12-14 20:10:16

HTML5 有新的 标签,可用于播放声音。它甚至有一个非常简单的 JavaScript 接口:

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

HTML5 has the new <audio>-Tag that can be used to play sound. It even has a pretty simple JavaScript Interface:

<audio id="sound1" src="yoursound.mp3" preload="auto"></audio>
<button onclick="document.getElementById('sound1').play();">Play it</button>
oО清风挽发oО 2024-12-14 20:10:16

您可以使用 HTML5 标签: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;
}

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

You can make use of the HTML5 <audio> tag: 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>

Just hide the element itself:

#audio {
    display: none;
}

Do note that no browser supports all formats. This can be frustrating, but you can supply your audio in several formats.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文