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

Question

I am making a canvas, one where you are a little ship and you shoot little pixels to destroy other little pixel ships. I want to make it so that when you press the key that would make the ship shoot, it would also play a little "pew" sound. I have no idea how to add sounds or images for that matter. Please help.

Answer 1

There is an audio tag in HTML. Put any sounds you'll be using within the tag like so:

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

In Javascript, there is a standard method called play():

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

Call the function either in HTML or with JQuery:

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