Manipuler des vidéos avec SVG, Firefox 3 et l'élément HTML <video>
Souvenez-vous, il y a quelques semaines je vous avait parlé d'une galerie d'image rudimentaire en SVG. Chris Double, la personne travaillant à l'implémentation de l'élément HTML <video> dans Firefox 3 a modifié cette galerie pour pouvoir manipuler les vidéos. Petit rappel : Firefox 3 pourra afficher nativement (sans ajout de plugins additionnels) les vidéos et sons respectivement au format Theora et Vorbis.
Je trouve le résultat assez impressionnant. J'ai toujours pensé que le langage SVG servait uniquement à afficher des images vectorielles statiques mais Chris nous démontre bien qu'avec du SVG, du JavaScript et l'élément <video> on peut faire des applications interactives.
Dans la vidéo qu'il a publié on le voit redimensionner et déplacer des vidéos en pleine lecture. C'est même uniquement le son de la vidéo en premier plan est joué.
La vidéo est disponible dans plusieurs formats :
Commentaires
#1 - par vincent
Une petite erreur s'est glissé dans ton billet :
"Petit rappel : Firefox 3 pourra afficher nativement (sans ajout de plugins additionnels) les vidéos et sons respectivement au format Ogg et Theora."
D'après ta phrase, Ogg est un format vidéo et Theora sons. Or ce n'est pas le cas. Ogg est un format conteneur (il peut contenir plein d'autre format), un peu comme le format mkv (matroska je crois).
En gros : Ogg est le format conteneur, vorbis est le format audio et theora le format vidéo (maintenant, tu peux mettre du mp3 audio et du theora video dans un fichier .ogg).
Suis-je clair ? où je parle un peu chinois ? :D
#2 - par Thomas
Corrigé ;)
#3 - par Neovov
Sympa.
Mais je reste mitigé sur la qualité. Les vidéos que l'on lit dans notre système d'exploitation utilisent l'accélération matérielle des nos cartes ou chipset graphique. Sans cette accélération on se retrouve avec une vidéo extrêmement pixélisée et qui rame dès que la taille de l'image est trop grande pour que le processeur puisse s'en sortir.
Ca veut donc dire que Firefox 3 utilisera l'accélération matérielle ?
Sans ça je ne pense pas que l'on arrive à une meilleure qualité que le FLV...
#4 - par Thomas
Aucune idée, il faudra attendre d'avoir des builds publiquie de Firefox implémentant l'élément html vidéo.
#5 - par vincent
@neovov : Je ne comprends pas le coup de la qualité ?! Un fichier ogg+theora (vidéo) peut avoir une 'plus que très bonne' qualité. C'est juste une question de taille. Personnelement, je préfère une vidéo ogg (bonne qualité) qu'un flv :D.
#6 - par Thomas
Je pense qu'il se demandait juste si le rendu de la vidéo utiliserait la carte graphique. Si non, quel que soit son encodage il y a des risques de pixelisation ou de performances merdiques.
Ce n'est qu'une supposition, je n'y connais pas en rendu vidéo ni carte graphique :)
#7 - par michael79
Bonjour,
Où peut-on visiter cette page ou télécharger le code source?
Merci,
Michaël
#8 - par Thomas
Pour l'instant ce n'est pas possible. L'auteur n'a pas publié la source. Avec les compétences suffisante on pourrait refaire le script est jouable mais je ne les ai pas !