Created: 2011-07-12 09:31
Updated: 2015-07-11 01:53

Video Demo

This demo is my submission to the Mozilla Dev Derby of July 2011. Everything that happens on the page depends on the video. The background color changes along the main color of the current frame, and each time a new scene cut is detected, a frame is extracted from the video and moved on its side. These events create a visual experience that enhances the movie.

The code is available at

This demo is built using several open source projects:

Follow me on Twitter: @g_marty

J'ai développé cette démo pour le Mozilla Dev Derby de Juillet 2011 sur le thème de la vidéo. Le concept consiste en une page qui réagit au contenu d'une vidéo. Le fond change selon la couleur dominante de l'image en cours, et un morceau de pellicule est extrait de la vidéo à chaque changement de plan. Ces différents évènements contribuent à la création d'une expérience visuelle qui enrichit la vidéo.

Le code est disponible sur

Cette démo utilise plusieurs projets open source :

Retrouvez-moi sur Twitter : @g_marty

このデモは2011年7月の「Mozilla Dev Derby」コンテストのために開発されたデモ。 ウェブページの中が動画によって変わるのがコンセプト。 コンセプトはウェブページの中を動画によって変えること 背景の色が動画に合わせて変わったり、各カットに動画からフレーム1枚を取り出したりする。 これで動画のもっと豊かなビジュアル体験が楽しめる。

ソースコードは からどうぞ。



Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more