Tip 20Working with Audio

AwesomeCo is developing a site to showcase royalty-free audio loops for use in screencasts, and it would like to see a mockup page of a single loop collection. When we’re done, we’ll have a list of the audio loops and a visitor will be able to quickly audition each one. We don’t have to worry about finding audio loops for this project, because the client’s sound engineer has already provided us with the samples we’ll need in both MP3 and OGG formats. You can find a small bit of information on how to encode your own audio files in Appendix 3, Encoding Audio and Video for the Web.

Building the Basic List

The audio engineer has provided us with four samples: drums, organ, bass, and guitar. We need to describe each one of ...

Get HTML5 and CSS3, 2nd Edition 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.