Ambilight for HML5's tag, in Javascript.

  • This is based on a Philips invention for their TVs (http://en.wikipedia.org/wiki/Ambilight) however, the difference is that this HTML5 video doesn't occupy most of the users vision.

    Since these TVs are high-end (and thus large) and are viewed at a distance the picture fills the majority of the screen. However ambilight as a fraction of the screen that's much closer to my face felt very distracting.

    If the effect was more subtle it might be better, but especially bright colours like reds were pretty distracting.

  • This is really impressive, but I found the effect really distracting and annoying. It's most probably the delay/lag that makes it look jarring.

  • I can't access this site, but this was one of the demos Dailymotion did last year before they implemented Theora for their video site:

    http://www.dailymotion.com/openvideodemo

    The demo only works on Firefox it seems, but does a few interesting things including blurring, colorizing, extracting thumbnails etc. from the live playing video.

    There also seems to be general surprise that you can do this kind of thing with HTML5 video and javascript which makes me think this impressive demo hasn't been seen by enough people:

    http://people.mozilla.com/~prouget/demos/DynamicContentInjec...

    There's other similar mozilla demos showing greenscreen effects, tracking of objects, linking dynamic graphs to data embedded in videos.

  • I was surprised the javascript code ran so fast it could change the lighting in what seemed real-time to me. I didn't expect to see video scripting inside a browser.

  • Anyone know if there is a mirror for this site? Seems to be down for me.