Ambilight for video tag—prepare to cry.

Other Related Posts:

29 Responses

  1. Vojto says:

    Now this is cool.

  2. Straun says:

    Bad choice of video. The video carefully times its scene changes to the music, but the ambilight is delayed which detracts from the visual effect, making it more like bad jazz music. I can’t fault the technology, but I would rather have the image fill the screen than be smaller and leave room for the effect.

  3. Billy says:

    @Straun The video is almost certainly a nod to a predecessor in the video tag implementation department [Sublime Video](http://jilion.com/sublime/video) which if you have not seen yet is definitely worth your time.

  4. Cespur says:

    This is awesome, too bad of the top and bottom though, but still, freaking awesome.

  5. zproxy says:

    Awesome work!

  6. Justin Chase says:

    For crying out loud. Tone down the drama it’s not that amazing.

  7. Jen says:

    Can’t wait to see your better version Justin (no Silverlightcrap,okay?) ;)

  8. Straun says:

    Thanks for the link Billy

  9. bob says:

    zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

  10. DonBoy says:

    In my Firefox 3.6, it both barely plays at all and I see no color effect. What am I doing wrong?

  11. Sghost says:

    Although the technology is VERY cool, I don”t think it adds anything to the video. If anything, it takes away from the video as I’m distracted from what is going on with the changing colors.

  12. DuDe says:

    I can’t see the big world changing in this one…and also there is a delay in the effect :\

    Nice, but it is very far from pants-changing :)

  13. Like I said, “In its current state—more to do with his implementation than the technology—the transitions are kind of jarring and distrating”. Those ‘lights’ however are just gradients drawn in Photoshop, so the effect could be as subtle as possible. The excitement is not about watching that video specifically, but about how HTML5 has progressed.

  14. archdukealex says:

    The transitions are abrupt, and the gaps in the lighting just look weird, instead of realistic. Although those are just design problems; I can’t wait to see a really polished implementation. A subtler, smoother one.

  15. I’m working on new ambilight implementation with faster lights change as well as some new cool features. Stay tuned :)

  16. Aine says:

    Excellent work, Sergey… keep going. :)

  17. JG says:

    Wow…

    oh, Justin, show us what you got…

  18. Babel says:

    huge delay! it depends on how good you computer is right?

  19. Miltos says:

    That’s awesome !!!
    Also your website it’s the most beautiful I’ve seen!
    Congrats!!

  1. March 9, 2010

    [...] la même vidéo). Par contre, j’ai pas trop compris les explications en russe… (via Beautiful Pixels)Commenter »tags html 5, vidéocatégorie Design, XHTML / CSS« Refonte et thème [...]

  2. March 14, 2010

    [...] Tag Posted by John Saddington on Mar 13, 2010You have to check this example video out using the Ambilight Video Tag for HTML5.I saw it and I cried because it was so awesome.Here’s a link to the video if you [...]

  3. April 23, 2010

    [...] At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  4. April 23, 2010

    [...] At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  5. April 23, 2010

    [...] At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  6. April 23, 2010

    [...] At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  7. April 24, 2010

    [...] Ambilight for Video Tag At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  8. May 3, 2010

    [...] At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  9. May 25, 2010

    [...] At first Ambilight looks like an average video player, the kind that loads standard HTML5 video. As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash versions of the same. What makes this one special, is that it’s written entirely using HTML5. (Via Beautiful Pixels). [...]

  10. May 2, 2011

    [...] At first it looks like an average video player… As the video plays, you very quickly notice what’s happening at the edges. The plugin automatically grabs the average colour in each area, and spreads it across the bounds of the video. This is not a new concept, as there have been hardware ambilights as well as Flash® versions of the same. What makes this one special, is that it’s written entirely using HTML5. via beautifulpixels.com [...]

Leave a Reply