如何在JavaScript中创建音频文件数组?

时间:2018-03-31 08:31:44

标签: javascript audio

有人能告诉我如何在不使用HTML5音频标签的情况下创建JavaScript中音频文件的链接数组吗?我的HTML中有一个功能,可以在用户点击时启动。这个单一功能从JavaScript中启动所有内容,因此我不想使用HTML5音频。

HTML5:

<div id="boxa" onclick="interactBoxA(this)"></div>

在这个函数中,我可以触发随机背景图像出现在div中,它们是从数组中选择的:

JS:

var images = ["url(images/pig.png)", "url(images/cat.png)", "url(images/frog.png)", "url(images/dog.png)"];

我可以使用音频文件吗?在这个论坛上搜索之后,我尝试用这样的方式创建一个新的音频对象:

var audio = [];
audio[0] = new Audio();
audio[0].src = "audio/pig.mp3";
audio[1] = new Audio();
audio[1].src = "audio/cat.mp3";
audio[2] = new Audio();
audio[2].src = "audio/frog.mp3";
audio[3] = new Audio();
audio[3] = "audio/dog.mp3";

我希望这看起来更像早期的图像数组。然后我可以使用像这样的if / else语句触发基于数组索引的回放(这是错误的语法,但只是让你明白了):

if (images[0]) {

  audio[0].play();

} else if (images[1]) {

  audio[1].play();

} ... etc...

顺便说一下,我是编程/ JS的新手,所以让我知道我尝试做的事情是否比我在这里做的更复杂。

0 个答案:

没有答案