Jean-Christophe Averty tag archives

HTML5 dessin et video

HTML5 ouvre de nouvelles perspectives pour dessiner directement en HTML et pour insérer une vidéo.
Voici un exemple de page HTML5 combinant un dessin et une vidéo superposée.

Le nouvel élément CANVAS de HTML5 :

<canvas id="DrawingArea"></canvas>

Avec un javascript on viendra écrire dans ce canvas

Pour la vidéo ce sera très simple :

<video>

<source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>

<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> </video>

Pour l’instant Firefox 3.5 reconnait le codec Ogg Theora, Chrome et Safari savent lire le mp4 . On peut mettre donc les deux formats, le navigateur choisira. Explorer, bien sûr ne sait pas lire le HTML5, à moins que vous ayez installé le plugin Google Chrome Frame

Voici un test en HTML5 : video Rihanna
Don’t Stop The Music
ici L’effet est psychédélique digne de Jean Christophe Averty (bon anfin presque …une vidéo du maitre pour comparer) :

Histoire De Melody Nelson Par Jean-Christophe Averty (1971)

et on peut twitter en HTML5 aussi avec mirTwit exemple ici