Loading...
Artweb2.0

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

One comment
  1. yeezy shoes

    I and my guys were actually going through the great recommendations found on your site and unexpectedly I got an awful feeling I never thanked you for those secrets. Most of the women became for this reason thrilled to see them and already have undoubtedly been having fun with these things. Many thanks for truly being quite accommodating as well as for selecting certain fantastic useful guides millions of individuals are really wanting to learn about. My personal sincere regret for not expressing appreciation to you earlier.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *