80% des vidéos HTML5 sont désormais encodées en H.264

Catégorie web  |  Tag , , , , , ,   |  Pas de commentaires

En Janvier 2011, j’écrivais à propos du mauvais choix de Google de ne plus supporter H.264 dans son navigateur Chrome:

Pour les producteurs de contenu vidéo (Youtube of course, mais aussi Vimeo, Netflix, et les centaines d’autres…), c’est un peu plus compliqué:

  • ceux qui se soucient suffisamment du bien être de leurs utilisateurs sous Firefox, Opera et désormais Chrome pour ne pas les obliger à basculer sous Flash pour lire les vidéos H.264 non-supportées, mais sans se fermer à tous les autres qui ne supportent que ce format (iOS et autres OS mobile, Safari, IE9…) devront encoder toutes leurs vidéos dans au moins 2 formats (WebM ou Ogg/Theora ET H.264)
  • les intégristes qui ne publieront qu’en WebM ou Ogg/Theora pour des raisons d’ouverture (mais moins regardant sur le fait que Flash ne le soit pas du tout, lui, ouvert)
  • tous les autres, qui pour tout un tas de raisons (temps, puissance de calcul & espace de stockage nécessaire, entre autres…) continueront d’encoder dans le seul et unique standard qui leur permet de toucher tous les utilisateurs à moindre coût et avec le meilleur résultat: H.264.

Devinez un peu laquelle des 3 possibilités risque de l’emporter…

Et bien, je ne m’étais pas planté, c’est bien la 3ème possibilité qui l’emporte, comme le démontre cette étude de MeFeedia basée sur l’analyse d’environ 50 millions de vidéos depuis plus de 33000 sources différentes, parmis lesquelles on retrouve évidemment Youtube, Vimeo, Hulu, CBS, ABC, Dailymotion, etc…

En l’espace de 2 ans, sur l’ensemble des vidéos HTML5 étudiées, nous sommes donc passé d’un petit 10% à 80% de vidéos encodées en H.264, soit 4 sur 5. C’est juste énorme. Et le truc le plus frappant, c’est le véritable bond depuis mai 2010 qui correspond à… l’arrivée de l’iPad sur le marché.

L’étude de MeFeedia nous apprend d’autres choses amusantes:

  • WebM – vous savez le format maison que tend à favoriser Google désormais et supporté également par Firefox et Opéra – ne représente que 2% des vidéos recensées.
  • Ogg/Theora – supporté lui aussi par Firefox, Google Chrome et Opera – n’a quant à lui pas grossi de façon significative.

H.264 domine donc très largement et n’en finit plus de s’étendre pour notre bien à tous. Au delà de l’iPad, de très nombreux autres devices mobiles bénéficient aujourd’hui nativement de l’accélération hardware proposée par le format H.264. Il ne semble pas qu’un autre codec vidéo soit en mesure aujourd’hui de lui faire de l’ombre.

Pas de Flash pour Windows 8

Catégorie os  |  Tag , , , ,   |  1 Commentaire

David Adams sur OSnews:

Microsoft announced during the build conference, and Steve Sinofsky reiterated in a blog posting that: “For the web to move forward and for consumers to get the most out of touch-first browsing, the Metro style browser in Windows 8 is as HTML5-only as possible, and plug-in free. The experience that plug-ins provide today is not a good match with Metro style browsing and the modern HTML5 web.” Sinfosky goes on explain why Microsoft will not include Flash and why it’s no longer needed.

Il ajoute:

This is good news for the web. I do think Adobe has had enough time to make Flash work properly on mobile, and they simply failed. Since the release of the iPhone, Adobe promised us a working Flash on mobile, and now, four years down the line, it’s still not there. Between then and now, we’ve seen entirely new mobile operating systems rise, we’ve seen an entire Windows release, and another one being made, several Mac OS X releases, and so on. Yet, Flash still isn’t ready?

You had your chance, Adobe. You failed.

Bon, je pense que cette fois, c’est clair, non ? Apple et Microsoft, même combat. C’est une petite victoire mais qui risque bien de définitivement faire disparaitre Flash de nos vies.

C’est en tout cas bien plus réjouissant que l’annonce du support d’iOS par Flash Media Server 4.5 d’Adobe, qui certes va dans le bon sens mais n’amènera pas les gens à abandonner Flash, bien au contraire. Pour faire simple et clair, FMS 4.5 diffusera des vidéos HTML5 aux devices iOS, et des vidéos Flash aux machines le supportant. Sauf que le failback fonctionne dans le mauvais sens: sur mon Mac volontairement sans plugin Flash, FMS 4.5 ne me diffusera pas du HTML5 mais m’invitera à installer Flash Player. C’est moche.

Encore un nouveau thème sur le blog

Catégorie blog  |  Tag , , ,   |  2 Commentaires

Et ouais, encore! Enfin pour les habitués, pas de changement majeur, ce n’est qu’une grosse retouche esthétique, mais la présentation générale reste la même: 2 colonnes, la sidebar à gauche en menu déroulant, une home limitée au strict minimum (les articles, rien que les articles) et aucune image dans le thème hormis le fond de page.

Par contre, le plus gros du boulot est dans ce qu’on ne voit pas: j’en ai effectivement profité pour ré-écrire de fond en comble tout le thème en HMTL5 et CSS3, en me basant sur l’excellent template de HTML5 Reset.

Comme d’habitude, je fignolerai au fur et à mesure afin de corriger les derniers bugs. Pour info, le code est plutôt orienté WebKit donc l’expérience sera meilleure sous Safari et Chrome. Pour Firefox et Internet Explorer, ça reste cependant tout à fait acceptable…

WebKit Clock, l’heure partout dans le monde en HTML5

Catégorie web  |  Tag , , , , ,   |  2 Commentaires

Encore une magnifique réalisation, à base de HTML5, de CSS3, de Javascript, de SVG et sans aucune image. WebKit Clock, comme son nom l’indique, est optimisé pour les navigateurs utilisant le moteur de rendu éponyme: Safari et Chrome, donc. Il est d’ailleurs impressionnant de voir le truc tourner sous Safari Mobile, certes lentement mais correctement affiché.

Ah, et puisqu’on en est à parler de HTML5, si vous voulez découvrir ou redécouvrir de beaux projets, de belles démos et plein d’autres trucs amusants conçus dans ce beau langage, allez jeter un coup d’oeil au Calendrier de l’Avent du HTML5, c’est de saison…

Tableau périodique des éléments HTML5

Catégorie tools  |  Tag ,   |  Pas de commentaires

Pour découvrir (ou redécouvrir) en s’amusant les 104 éléments qui composent le HTML5, un joli outil au design soigné développé par Josh Duck, façon tableau périodique des éléments.

Au delà du coté joujou, la possibilité de vérifier pour n’importe quel site s’il utilise ou pas des éléments HTML5 ainsi que le nombre d’occurrences.

The world is full of interesting things…

Catégorie web  |  Tag , ,   |  Pas de commentaires

C’est le nom de cette superbe présentation de 120 slides, réalisée par le Creative Lab de Google, qui va probablement vous occuper pendant quelques heures si vous voulez tout voir.

Elle fourmille de centaines de projets web & HTML5, de vidéos, d’applications iPhone/iPad/Androïd et autres délires en tout genre, organisés par thèmes: Audio, Movies, Vizual, Art, Physical, Light, Tech, Politics, Sport, Books, History & Advertising.

Il y a beaucoup trop de choses passionnantes pour toutes les lister ici, allez plutôt jeter un coup d’oeil à quelques unes des vidéos listées dans la présentation, et suivez les liens vers les projets associés. Vous en connaissez probablement quelques uns qui ont déjà fait le tour des différents réseaux sociaux plus ou moins récemment, mais il y a de véritables pépites dont je n’avais jamais entendu parler.

Via.

min.us pour créer facilement une gallerie d’images en HTML5

Catégorie web  |  Tag , , ,   |  3 Commentaires

Bluffant! C’est le premier mot qui m’est venu à l’esprit lorsque je suis tombé sur min.us, qui permet de créer une gallerie d’images en faisant simplement glisser vos photos dans la fenêtre de votre navigateur.

En effet, si vous avez besoin de partager des photos avec vos proches, rien de plus simple, même pas besoin de s’identifier. A peine le temps pour le service d’uploader vos images et vous obtenez 2 liens: le premier concerne la page d’administration et vous permet d’éditer le contenu: ajouter ou supprimer une photo par exemple, ou encore en modifier l’ordre.

Le second lien, que vous pouvez communiquer à vos proches, est la gallerie en elle même. Ils pourront alors consulter à loisirs les images dans un joli mode carrousel (petit exemple de mon cru ici: http://min.us/mvfXVcV).

Notons toutefois que le site, développé en HTML5, nécessitera un navigateur récent pour bénéficier de toutes les fonctionnalités. A savoir pour l’instant: Firefox 3.6, Google Chrome ou encore IE9. Safari pour sa part n’est pas pleinement supporté, notament sur la possibilité de faire directement un drag&drop des fichiers dans la fenêtre. Voici ce que vous obtiendrez en lieu et place:

Et pour en savoir plus sur les possibilités du service et les prochaines améliorations, direction le blog de min.us.