In the earlier chapters, we discussed several techniques to draw game objects visually. In this chapter, we will focus on using the audio
tag that is introduced in the HTML5 specification. We can add sound effects, background music, and control the audio through the JavaScript API. In addition, we will build a music game in this chapter. It is a game that requires players to hit the correct string at the right time to produce the music.
In this chapter, you will learn the following topics:
Adding a sound effect to the Play button
Building a mini piano musical game
Linking the music game and the Play button
Adding keyboard and touch inputs to the game
Creating a keyboard-driven music game
Completing the musical game with a level data recording and the game over event
You can play the game example at: http://makzan.net/html5-games/audiogame/.
The following screenshot shows the final result we will create through this chapter:
So, let's get on with it.