📜  播放 2 音频反应 - Javascript (1)

📅  最后修改于: 2023-12-03 15:39:52.611000             🧑  作者: Mango

播放 2 音频反应 - Javascript

在Web应用程序中添加音频是提供更好用户体验的一种方式。在JavaScript中,可以使用HTML5 <audio>标签来播放音频。本文将介绍如何使用JavaScript播放2个音频反应。

步骤1 - 创建实例

要播放音频,必须首先创建一个新的Audio类实例。可以使用以下代码创建新实例:

const audio1 = new Audio('path/to/audio1.mp3');
const audio2 = new Audio('path/to/audio2.mp3');

此代码创建了两个新的Audio实例,并将其分别分配给变量audio1audio2。每个实例的构造函数需要音频文件路径作为参数。

步骤2 - 播放音频

要播放音频,只需调用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实例,并将其分配给变量audio1audio2。接下来,该代码播放audio1实例,并设置一个延迟来播放audio2实例。

这就是使用JavaScript播放2个音频反应的步骤。希望这篇文章有助于添强您的Web应用程序的用户体验!