How to Building a Custom HTML5 Audio Player with jQuery

Neutroncreations recently built an HTML5 audio player for Tim Van Damme‘s The Box, a new podcast where he interviews people who make cool stuff. Tim wanted an HTML5 audio player on the site, and they put together some jQuery to hook up the player interface he designed. Neutroncreations is sharing tutorial How to Building a Custom HTML5 Audio Player with jQuery through the code to explain how it works, covering a few caveats along the way.?

HTML5 audioplayer How to Building a Custom HTML5 Audio Player with jQuery

They’re going to use jQuery to detect support for HTML5 audio, and if it’s supported, they’ll insert the audio player markup and the audio tag itself. This means that browsers that don’t have HTML5 audio support won’t see an audio player interface they can’t use. We could optionally fall back to a Flash based player.

Demo: http://thebox.maxvoltar.com
Source: http://neutroncreations.com/blog/building-a-custom-html5-audio-player-with-jquery/

Incoming search terms for the article:

Related Posts

Create Audio Visualizations Using HTML5

1

HTML5 & CSS3 E-Store Single-Page Layout

Create a Slideshow With HTML5

1

Create a Sticky Note Effect with CSS3