HTML5 piano application

Now let's create our HTML5 piano application. We will have two octaves worth of piano keys, both black and white, and we will use some styling to make it look like a real keyboard. When the user clicks on a key with the mouse, it will play the corresponding note, which is defined in an audio file.

You can find the code for this section in chapter6/example6.1.

Get HTML5 Web Application Development By Example Beginner's guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.