| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Work with all your cloud files (Drive, Dropbox, and Slack and Gmail attachments) and documents (Google Docs, Sheets, and Notion) in one place. Try Dokkio (from the makers of PBworks) for free. Now available on the web, Mac, Windows, and as a Chrome extension!

View
 

html5 audio annotating

Page history last edited by paul irish 11 years, 11 months ago

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

Comments (0)

You don't have permission to comment on this page.