使用变量(REACT / JS)调用音频导入

时间:2019-01-11 10:57:22

标签: javascript html reactjs audio

所以我已经开始写我的应用程序了,它是一个简单的音乐合成器,并且我有9种不同的本地音频文件。使用特定的div后,将播放不同的声音。我可以使用switch(case),但是我相信可以有更好的解决方案来估算当前应该播放哪种类型的声音。

我的代码如下:

import Drum1 from `./audio/Drum1.mp3`;
import Drum2 .......;

在下面,我有一个函数可以播放特定的声音

playMusic() {
for(let i=0;i<this.state.items;i++) {
 let instrument = this.state.instrumentName[i]; // Drum1, Drum2, Drum1 etc
 let audio = new Audio (#####); 
 audio.play();
}

所以问题是,如果我写

let audio = new Audio (Drum1); 

该函数有效,但是,如果我想使用变量来调用它:

let audio = new Audio (instrument) - which is `Drum1`

它不起作用。

任何想法有什么问题或应该如何纠正?

0 个答案:

没有答案