O'Reilly logo

HTML5 Multimedia Development Cookbook by Lee Jordan, Dale Cruse

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Crafting a slick audio player

Neutron Creations Principal and Co-Founder and front-end developer Ben Bodien created a customized HTML5 audio player for Tim Van Damme's The Box podcast at http://thebox.maxvoltar.com. Ben's creation is fast, intuitive, and slick. Let's take a deeper look at how he did it.

Crafting a slick audio player

Ben's custom HTML5 audio player features an attractive photo of the person being interviewed (Shaun Inman, in this case), a play/pause button, a track indicating playback progress, and the ability to pop the HTML5 audio player itself out into a separate window if you so choose. That's it. Nothing more is needed. As an added touch, notice the detail ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required