dailymotion html5 video firefoxIndiscutablement le web explose ces derniers temps: réseaux sociaux, site de vidéos, messagerie instantané, webmail, agrégateur de news etc. Si le monde des butineurs s'était très fortement assoupi suite à la domination écrasante d'Internet Explorer il y a quelques années avec l'arrivée des nouveaux navigateurs tel firefox, opéra, safari et plus récemment chrome tout le monde à pris conscience de l'importance de respecter les standards pour garantir une excellente expérience utilisateur. Ces navigateurs alternatifs ont d'ailleurs donné un grand coup de pied dans la ruche et aujourd'hui tous se battent sur le plan des performances et pour l'implémentation des nouveaux standards.

Je me rappelle encore de l'arrivé de firefox 1.0 fin 2004 qui avait fait grand bruit, depuis le navigateur de la fondation mozilla ne cesse de grappiller des pars de marché sur son grand rival Internet Explorer. En effet selon la dernière étude xiti datant du mois d'avril firefox détiens maintenant 28.4% des pars de marché en europe (30.6% en France, 42.2% en Allemagne) Internet explorer conserve quand à lui 63.6% des pars de marché mais perd 4 points sur le premier trimestre 2009 malgré l'arrivé de la version 8. Bref comme vous le constatez c'est plus que jamais la guerre mais il faut avouer que cette situation à du bon car elle stimule fortement les différents protagonistes. Aujourd'hui nos yeux se rivent vers la nouvelle mouture de firefox 3.5 dont la RC (Realease Candidate) est attendu dans les jours à venir et le site Français (COCORICO!) de partage de vidéos: Dailymotion.

Le protocole html dans sa version actuelle possède de nombreuses carences et notamment en ce qui concerne l'intégration de contenus multimédia vidéo et audio. Aujourd'hui quasiment tout le monde utilise la technologie FLASH d'adobe ce qui pose de grosses interrogations en terme d'interopérabilité et de sécurité c'est pourquoi html5 comblera ce manque avec l'arrivée de la balise <video>. Le navigateur embarquant directement le codec nécessaires à la lecture celle-ci permettra d'intégrer directement sur son site des vidéos. Si les acteurs du web ne se sont pas encore mis d'accord sur le format de fichier il semble que le Ogg Theora ait les grâces des alternatifs, c'est un codec non-propriétaire et donc utilisable librement.

C'est pourquoi Dailymotion teste actuellement une version de son site avec une vidéo encodée au format Ogg et en utilisant la technologie HTML5. En utilisant seulement javascript et CSS3 ainsi que des filtres SVG et des png animés l'équipe de dailymotion arrive à un résultat excellent. Si vous possédez un navigateur compatible vous pouvez visiter la page de test dailymotion sinon procurez vous avant la dernière version en date de firefox 3.5 (Attention version bêta). Vous pourrez tester sur cette page quelques effets sympathiques comme la prise de captures d'écran pendant la lecture.

Vous avez donc comprit qu'avec HTML5 on se passe complétement de FLASH pour l'intégration de vidéos qui devient alors natif de plus grâce à javascript il devient possible d'agir sur le lecteur on obtient alors code plus facile à maintenir et mieux maitrisé. Avec la pression d'acteurs comme dailymotion, youtube & compagnie j'espère que ces technologies seront vite déployés pour le plus grand bonheur des internautes et des webmasters ;)
Partager sur:
A propos de l'auteur:
Guillaume Jeantet: titulaire d'une licence pro et fort de quelques années d'expériences je suis administrateur système et développeur mais surtout un autodidacte dynamique et passionné. Je partage sur UBDT mes coups de coeurs et astuces.

Autres articles qui pourraient vous intéresser.

facebook vignetteFacebook: forcer le rafraîchissement d'une vignette
Lorsqu'on désire partager une page sur facebook il arrive parfois que la prévisualisation de celle-ci soit vide. Voici une petite astuce permettant de pallier ce problème.
taille image responsive designResponsive design: la taille des images
Faire du responsive design oui, mais dans la simplicité. Découvrez une astuce en css simple pour gérer la taille des images en responsive design.
optimiser mise cache mutuOptimiser la mise en cache sur les mutu ovh et autres hébergeurs
Optimisez le chargement de vos pages web en utilisant le mécanisme de cache sur les serveurs ovh et d'autres hébergeurs. Voyons comment faire avec mod_expires.
taxe publicite ligne 1 pourcentPublicité en ligne: taxe de 1%
Dans le cadre du projet de loi de finances 2011 un sénateur UMP a soutenue un amendement visant à taxer les dépenses publicitaires en ligne des professionnels à hauteur de 1%.
rss blog trop modificationModification de l'adresse du flux RSS d'un blog de trop.
L'adresse du flux rss d'un blog de trop change, pensez à mettre votre lecteur à jour avec l'adresse http://www.unblogdetrop.com/rss.xml
#1 Le par Cgmonkey
C'est génial même avec l'iPhone en version 3.0 il est possible de lire les vidéos vivement que l'on se passe du flash !

Proposer un nouveau commentaire

Votre pseudo s'il vous plaît :

Email (Facultatif, n'est pas affiché et permet de recevoir des notifications de validation / réponses):

Votre site Web (facultatif) :

Exprimez vous :

:arrow::D:confused::cool::cry::eek::evil::!::idea:lol:mad::|:?::p:redface::rolleyes::(:):wink: