0

HTML、CSS、JS、howler.js を lib として含むプロジェクト フォルダー内のいくつかの sound.wav ファイルを再生したいと考えています。アイデアは、キーボード文字が wav ファイルに対応する配列を作成することです。関数「onKeyDown」を呼び出し、押されたキーを引き渡すと、特定の wav ファイルが再生されます。残念ながら、そうではありません。ご覧ください:


var keyData = {
	a: {
		sound: new Howl({
			src: ['assets/guitarChords/a-major.wav']
		})
	},
	b: {
		sound: new Howl({
			src: ['assets/guitarChords/b-major.wav']
		})
	},
	c: {
		sound: new Howl({
			src: ['assets/guitarChords/c-major.wav']
		})	
	},
	e: {
		sound: new Howl({
			src: ['assets/guitarChords/e-major.wav']
		})	
	},
	g: {
		sound: new Howl({
			src: ['assets/guitarChords/g-major.wav']
		})	
	}	
};

function onKeyDown(event) {

	if(event.key){
		keyData[event.key].sound.play();
	}

}

私はこれを次のようにテストしました:

var sound = new Howl({
  src: ['assets/guitarChords/a-major.wav']
});

sound.play();

そして確かに、それは音を奏でました。

助けてください。

4

0 に答える 0