HTML5 Game Development by Example : Beginner's Guide - Second Edition

Time for action – adding sound effects to the Play button

We will start with the code example available in the code bundle. We will have a folder structure similar to the one shown in the following screenshot:

Perform the following set of steps to add sound effects to the Play button:

1. The index.html file contains the basic structure of the HTML. Now let's add the following code to the body section of the index.html file:

    <div id="game"> <section id="menu-scene" class="scene"> <a href="#game"><span>Play</span></a> </section> </div> <audio id="buttonover"> <source src="media/button_over.aac" /> <source src="media/button_over.ogg" /> </audio> <audio ...