timesheets.js

A declarative approach for HTML Timing using SMIL Timesheets

summary | timeContainer | timeAction | timeEvents | IE<9 | MediaElement

timeContainer
temporal behaviour of HTML blocks:
  • <seq>uential
  • <par>allel
  • <excl>lusive
timeAction
defines how an HTML element should be activated:
  • display
  • visibility
  • class:[className]
  • style
  • intrinsic
  • none
timeEvents
declarative user interaction handling:
  • use event-values in begin and end attributes
  • listen to begin and end events
IE<9
cope with the limitations of Internet Explorer 6 to 8:
  • fake <audio|video> with MediaElement.js
  • querySelector() with Sizzle.js
  • layout of HTML5 elements with html5shiv.js
  • DOM Events abstraction layer
MediaElement
quick <audio|video> how-to:
  • audio/video codec browser compatibility table
  • playing unsupported codecs with MediaElement.js
  • the HTMLMediaElement API