如何使声音响应js html canvas中的按键？

Question

我正在制作一幅画布，在其中您是一艘小飞船，并且您会射击小像素以摧毁其他小像素飞船。 我要这样做，以便当您按下可以使飞船射击的键时，它也可以播放一点““”声。 我不知道如何为此添加声音或图像。 请帮忙。

Answer 1

HTML中有一个音频标签。 将您要使用的所有声音放入标记中，如下所示：

<audio>
<source id="pew" src="pew.mp3"></source>
</audio>

在Javascript中，有一个称为play（）的标准方法：

function playSound(){
    var sound = document.getElementById("pew");
    sound.play();
}

用HTML或JQuery调用函数：

<input type="button" value="pew pew pew" onClick="playSound()">