Examples:

• jPlayer: http://jplayer.org
  • JPlayer Circle: http://jplayer.org/latest/demo-05/
• MooTools: http://simulacre.org/mootools-html5-audio-player/
• Audio.js: http://kolber.github.io/audiojs/
• Media Element: http://mediaelementjs.com
• Microsoft: http://ie.microsoft.com/testdrive/HTML5/HTML5AudioXMLPlaylist/Default.html
• OIPlayer: http://www.openimages.eu/oiplayer/
• mb.miniAudioPlayer: http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/demo.html
• Scott Andrew: http://www.scottandrew.com/pub/html5audioplayer/
• playbackRate: http://blog.appsfuel.com/2013/12/04/everything-you-need-to-know-about-playbackrate/ (try the demo)

Reference document:

• W3C Audio element: http://www.w3.org/TR/html5/embedded-content-0.html#the-audio-element
• Moziila: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio?redirectlocale=en-US&redirectslug=HTML%2FElement%2Faudio
• Microsoft: http://msdn.microsoft.com/en-us/library/gg589483(v=vs.85).aspx
• W3school: http://www.w3schools.com/tags/ref_av_dom.asp
• Apple MediaElement: https://developer.apple.com/library/safari/documentation/AudioVideo/Reference/HTMLMediaElementClassReference/HTMLMediaElement/HTMLMediaElement.html#//apple_ref/javascript/cl/HTMLMediaElement
• Compatibilities (wikipedia): http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5_media)

Tutorials:

• Apple: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1
• MSDN Blog: http://blogs.msdn.com/b/ie/archive/2011/05/13/unlocking-the-power-of-html5-lt-audio-gt.aspx
• Webdesign tuts+: http://webdesign.tutsplus.com/tutorials/site-elements/create-a-customised-html5-audio-player/

Exercises / projects:

• Improve on exiting audio players
• Test on smartphones

Tools:

• SoundManger2: http://www.schillmania.com/projects/soundmanager2/

JavaScript:

• Writing better jQuery code: http://flippinawesome.org/2013/11/25/writing-better-jquery-code/
• 24 JavaScript best practices for beginners: http://net.tutsplus.com/tutorials/JavaScript-ajax/24-JavaScript-best-practices-for-beginners/
• Essetials of wirting high quality JavaScript: http://net.tutsplus.com/tutorials/JavaScript-ajax/the-essentials-of-writing-high-quality-JavaScript/
• Learn about lexical scoping, closure.