Skip to Content
HTML5 Games: Creating Fun with HTML5, CSS3 and WebGL, 2nd Edition
book

HTML5 Games: Creating Fun with HTML5, CSS3 and WebGL, 2nd Edition

by Jacob Seidelin
March 2014
Beginner to intermediate
456 pages
8h 44m
English
Wiley
Content preview from HTML5 Games: Creating Fun with HTML5, CSS3 and WebGL, 2nd Edition

Chapter 10

Creating Audio for Games

In This Chapter

• Introducing HTML5 audio

• Dealing with audio formats

• Using the Web Audio API

• Implementing an audio module

• Adding sound effects to the game

NOW THAT THE visual aspect of the game is taken care of, you can turn to adding audio. This chapter introduces you to the new HTML5 audio element that aims to solve the age-old problem of adding sound to web applications.

First, you explore the basics of the audio element, covering most of the details and API functions described in the HTML5 specification. You also see an example of how the new Web Audio API enables even cooler things such as positional audio and advanced audio processing.

Finally, you use the HTML5 audio element to implement an audio module for Jewel Warrior. You also see how to bind sound effects to game events, thereby adding an extra dimension to the game experience.

HTML5 Audio

In the early days of the web, there was no way to put sound on web pages, nor was there a need for it because the web was largely just a way to display documents. However, with the games and applications being produced today, it's suddenly a feature that makes sense.

Microsoft introduced a bgsound element to Internet Explorer that allowed authors to attach a single audio file to a page, which then played in the background. Its use was frowned upon, however, because users couldn't turn the sound off, so instead of enhancing the page, it was distracting and annoying.

Over time, various ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Making Isometric Social Real-Time Games with HTML5, CSS3, and JavaScript

Making Isometric Social Real-Time Games with HTML5, CSS3, and JavaScript

Mario Andres Pagella

Publisher Resources

ISBN: 9781118855454Purchase book