📅  最后修改于: 2023-12-03 15:39:52.611000             🧑  作者: Mango
在Web应用程序中添加音频是提供更好用户体验的一种方式。在JavaScript中,可以使用HTML5 <audio>
标签来播放音频。本文将介绍如何使用JavaScript播放2个音频反应。
要播放音频,必须首先创建一个新的Audio
类实例。可以使用以下代码创建新实例:
const audio1 = new Audio('path/to/audio1.mp3');
const audio2 = new Audio('path/to/audio2.mp3');
此代码创建了两个新的Audio
实例,并将其分别分配给变量audio1
和audio2
。每个实例的构造函数需要音频文件路径作为参数。
要播放音频,只需调用play()
方法:
audio1.play();
这会播放名为audio1
的音频。要播放第二个音频,只需调用play()
方法audio2
实例,如下所示:
audio2.play();
现在,您应该可以在Web应用程序中播放2个不同的音频响应了。
const audio1 = new Audio('path/to/audio1.mp3');
const audio2 = new Audio('path/to/audio2.mp3');
// 播放第一个音频
audio1.play();
// 延迟1秒,然后播放第二个音频
setTimeout(() => {
audio2.play();
}, 1000);
上述代码首先创建两个新的Audio
实例,并将其分配给变量audio1
和audio2
。接下来,该代码播放audio1
实例,并设置一个延迟来播放audio2
实例。
这就是使用JavaScript播放2个音频反应的步骤。希望这篇文章有助于添强您的Web应用程序的用户体验!