html5 audio annotating

Goal:

Provide a way to annotate the html5 <audio> and <video> elements with captions or callouts. Useful for video podcasts, especially when discussing links.

 

Details:

 jQuery plugin that uses the HTML5 media elements API to show elements at certain timestamps during the playback of audio or video media.

 

Uses:

• Audio captioning
• Lyrics sing-alongs!!
• Rich text (full html) and linkability
• In-video callouts (youtube style)

 

 

Demo:

http://paulirish.com/demo/annotate

 

Source:

http://gist.github.com/240707

 

Team:

Paul Irish