{"id":1756,"date":"2010-11-27T20:32:12","date_gmt":"2010-11-27T19:32:12","guid":{"rendered":"http:\/\/flaven.fr\/?p=1756"},"modified":"2013-09-24T06:37:46","modified_gmt":"2013-09-24T04:37:46","slug":"flash-html5-video-webm-la-guerre-des-formats-aura-t-elle-lieu","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2010\/11\/flash-html5-video-webm-la-guerre-des-formats-aura-t-elle-lieu\/","title":{"rendered":"Flash, HTML5, Vid\u00e9o, WebM &#8211; La guerre des formats aura-t-elle lieu ?"},"content":{"rendered":"<p><!--  Flash, HTML5, Vid\u00e9o, WebM - La guerre des formats aura-t-elle lieu ? --><br \/>\n<!--  Flash, HTML5, Vid\u00e9o, WebM, Video, MP4, Ogg, Audio --><\/p>\n<p>D\u00e8s lors que l&#8217;on parle de video sur internet, on est tr\u00e8s vite amen\u00e9 \u00e0 parler de format. Il fut un temps o\u00f9 il n&#8217;existait que 3 formats : Quicktime, Windows Media, Real Networks. Qui se souvient encore des deux derniers ? Eh oui, il n&#8217;y avait pas Flash, Flash n&#8217;avait pas op\u00e9r\u00e9 la razzia que l&#8217;on lui connait de nos jours o\u00f9 toutes les vid\u00e9os sont en Flash, point barre.<!--more--><\/p>\n<p>Eh bien, un nouveau format pourrait bien venir perturber l&#8217;h\u00e9g\u00e9monie de Flash en mati\u00e8re de vid\u00e9o en donnant au web un format video de tr\u00e8s grande qualit\u00e9 et ouvert, le <code>WebM<\/code>.<\/p>\n<p>Eh qui peut s&#8217;attaquer \u00e0 une telle supr\u00e9matie, on se le demande, <code>Big G<\/code> Google forc\u00e9ment et ce n&#8217;est sans doute pas pour faire de la figuration. Si on raisonne par analogie avec le march\u00e9 du mobile, Google sort Android pour accompagner le ph\u00e9nom\u00e8ne des smartphones. R\u00e9sultat, Eh vlan !  Selon la cabinet NPD Group, le syst\u00e8me d&#8217;exploitation Android, sur le march\u00e9 am\u00e9ricain de t\u00e9l\u00e9phonie mobile, vient de passer en premi\u00e8re position devant l&#8217;Iphone d&#8217;Apple pour le premier trimestre de 2010.<\/p>\n<p>Une telle m\u00e9saventure serait-elle possible dans le monde du format vid\u00e9o avec la mont\u00e9e en puissance de ce format, et faire de Flash une solution marginale pour le format comme pour la lecture, qui peut le dire ? Certes, le WebM va \u00eatre le format de diffusion des vid\u00e9os youtube, propri\u00e9t\u00e9 de Google, et que ce format va \u00eatre op\u00e9r\u00e9 en HTML5. Exit donc Adobe sur Youtube, les autres plates-formes de partage suivent si ce n&#8217;est d\u00e9j\u00e0 fait (vimeo, viddler, dailymoiton). Or Flash s&#8217;est impos\u00e9 d&#8217;une part par l&#8217;usage sur des plates-formes d&#8217;\u00e9change vid\u00e9o comme youtube et d&#8217;autre part gr\u00e2ce \u00e0 la qualit\u00e9 de son codec VP6 con\u00e7u par On2 Technologies, aujourd&#8217;hui propri\u00e9t\u00e9 de Google, encore eux ! WebM&#8230; alors ! Adobe est d&#8217;ailleurs bien forc\u00e9 de s&#8217;ouvrir Flash au codec VP8 qui sous-tend le format WebM, faute de pouvoir le contr\u00f4ler totalement comme c&#8217;\u00e9tait le cas par le pass\u00e9.<\/p>\n<p>Ainsi, les deux diff\u00e9rentiels de Flash, qui avaient sacr\u00e9 son av\u00e8nement comme un standard. L&#8217;un s&#8217;att\u00e9nue, l&#8217;autre disparait totalement. La combinaison Flash player et son format <code>.flv<\/code> a bien des chances \u00e0 terme d&#8217;\u00eatre \u00e9quivalente avec l&#8217;exp\u00e9rience offerte par l&#8217;HTML5 et le codec <code>.WebM<\/code>. Les utilisateurs trancheront comme toujours sur Internet.<\/p>\n<h4>Vrais conflits ou entente cordiale ?<\/h4>\n<p>Mauvais temps pour Adobe, qui est attaqu\u00e9 par Apple, avec Steve Jobs, vindicatif, d\u00e9sireux de d\u00e9gommer Flash de sa plate-forme et des ses joujoux. L&#8217;issue de cette affrontement est incertain, les avis semblent partag\u00e9s et cela ne fait-il pas aussi parti du barnum m\u00e9diatique que les deux firmes attisent all\u00e8grement l&#8217;une et l&#8217;autre, storytelling encore et toujours.<\/p>\n<ul>\n<li>How HTML 5 May Help Microsoft and Adobe Beat Apple<br \/>\n\t<a href=\"http:\/\/www.investorplace.com\/20110\/how-html-5-may-help-microsoft-and-adobe-beat-apple\/\" target=\"_blank\">http:\/\/www.investorplace.com\/20110\/how-html-5-may-help-microsoft-and-adobe-beat-apple\/<\/a><\/li>\n<li>Adobe CEO On Apple: &#8220;Let The Games Begin&#8221;<br \/>\n\t<a href=\"http:\/\/techcrunch.com\/2010\/11\/16\/adobe-on-apple\/\" target=\"_blank\">http:\/\/techcrunch.com\/2010\/11\/16\/adobe-on-apple\/<\/a><\/li>\n<\/ul>\n<p>Qui peut pr\u00e9dire l&#8217;issue et affirmer que le march\u00e9 de la vid\u00e9o et des RIA sera radicalement chang\u00e9 d&#8217;ici 6 mois&#8230; Ni Steve Jobs, ni Shantanu Narayen ne le peuvent. Les internautes, seuls en d\u00e9cideront car ils gouvernent le web et c&#8217;est leur exp\u00e9rience qui sonnera le glas de flash et\/ou l&#8217;av\u00e8nement de HTML5 si tel est leur bon plaisir ! &#8220;Souvent internaute varie, bien fol est qui s\u2019y fie&#8221; Cette grande volatilit\u00e9 des consommateurs que nous sommes tous appel\u00e9s \u00e0 devenir sur le web, certes pour ne consommer que des biens sociaux, de l&#8217;hyperloisir (l&#8217;immat\u00e9riel est d\u00e9j\u00e0 un terme obsol\u00e8te), est vraiment le seul param\u00e8tre tangible sur lequel on peut compter !<\/p>\n<p>A moins de sortir une technologie disruptive, marquant une rupture comme la navette volante de John Kay lors de la r\u00e9volution industrielle en Angleterre ! La video est condamn\u00e9 \u00e0 \u00eatre abandonn\u00e9e aux al\u00e9as des codecs, des plates-formes et du contenu et des utilisateurs. Remarquez WebM est peut-\u00eatre bien le format qui va provoquer ce changement.<\/p>\n<h4>Le sacre du HTML5 ?<\/h4>\n<p>Analysons la br\u00e8ve histoire du temps web, lorsque la vid\u00e9o n&#8217;\u00e9tait qu&#8217;une chim\u00e8re sur le web, les gens regardaient encore la t\u00e9l\u00e9 et les diff\u00e9rentes normes pullulaient (real, quicktime, windows) puis finalement adobe\/flash a fait son chemin vers l&#8217;utilisateur final, inondant du m\u00eame coup par sa production le WWW. Ce basculement pourrait arriver pour l&#8217;HTML5 car ni Adobe, ni m\u00eame Apple ne pourront contrer un mouvement qui d\u00e9laisserait sa technologie, l&#8217;accompagner serait certes plus judicieux. Tous s&#8217;y emploient d\u00e8s \u00e0 pr\u00e9sent tout en continuant de redouter le tsunami qui pourrait les emporter.<\/p>\n<p>Nous sommes donc sur un march\u00e9 totalement orient\u00e9 vers les utilisateurs, les chapelles, les id\u00e9ologies, les cultures semblent avoir moins de prise, seul l&#8217;\u00e9mergence soudaine d&#8217;un march\u00e9 de masse donne vie sur le web. Le succ\u00e8s de la video en flash a \u00e9t\u00e9 extr\u00eamement conditionn\u00e9 par la cr\u00e9ation de contenu quasi exclusive qui a \u00e9t\u00e9 fait par le grand public et les professionnels.  De facto, si l&#8217;HTML5 prend et le grand des players HTML5 (Projekktor, VideoJS, SublimeVideo, Media Front, Kaltura, FlareVideo) qui naissent chaque jour en t\u00e9moigne, les lignes de partage de la vid\u00e9o seront irr\u00e9m\u00e9diablement boulevers\u00e9es, sans retour possible. C&#8217;est la force d&#8217;internet !<\/p>\n<h4>Un petit tour d&#8217;horizon du WebM<\/h4>\n<p>Apr\u00e8s, cette interm\u00e8de prospectif, Revenons \u00e0 des chose plus prosa\u00efques, \u00e0 savoir le format et quelques explications le concernant.<\/p>\n<p><b>La baseline de WebM<\/b><\/p>\n<blockquote><p>\nThe WebM project is dedicated to developing a high-quality, open video format for the web that is freely available to everyone.<br \/>\nThe WebM launch is supported by Mozilla, Opera, Adobe, Google and more than forty other publishers, software and hardware vendors. Learn more.\n<\/p><\/blockquote>\n<h4>Convertir en WebM<\/h4>\n<p>Le format <code>.WebM<\/code> est un d\u00e9riv\u00e9 du conteneur Matroska (extension :.mkv). Pour pouvoir convertir vos vid\u00e9os en WebM, on va installer ffmpeg. Il existe sur ce blog, deux articles qui expliquent comment installer ffmpeg sur un PC ou un Mac via MacPorts.<\/p>\n<ul>\n<li><a href=\"http:\/\/social.hecube.net\/blog\/2009\/03\/01\/installer-ffmpeg-sur-un-pc\/\">Installer FFmpeg sur un PC<\/a><\/li>\n<li><a href=\"http:\/\/social.hecube.net\/blog\/2009\/07\/06\/macports-la-puissance-de-lopen-source-sur-votre-mac-os-x\/\">MacPorts &#8211; la puissance de l\u2019open-source sur votre Mac Os X<\/a><\/li>\n<\/ul>\n<p>On part du principe que vous vez dej\u00e0 installer un vesrion de ffmepg via macports, selon les recommandations de l&#8217;article ci-dessus &#8220;<a href=\"http:\/\/social.hecube.net\/blog\/2009\/07\/06\/macports-la-puissance-de-lopen-source-sur-votre-mac-os-x\/\">MacPorts &#8211; la puissance de l\u2019open-source sur votre Mac Os X<\/a>&#8220;. Il ne vous reste plus qu&#8217;\u00e0 faire une mise \u00e0 jour complete de votre version de FFMEPG. C&#8217;est cette derni\u00e8re m\u00e9thode qu&#8217;on va suivre.<\/p>\n<p><b>Cette commande aura pour effet de mettre \u00e0 jour la totalit\u00e9 des applications install\u00e9s gr\u00e2ce \u00e0 macport dont ffmpeg<\/b><\/p>\n<pre lang=\"text\">sudo port -v upgrade outdated<\/pre>\n<p><b>Ligne de commande pour convertir en <code>.WebM<\/code><\/b><\/p>\n<pre lang=\"text\">ffmpeg -i my_video.avi -acodec libvorbis -ac 2 -ab 128k -ar 44100 -s 720\u00d7480 my_video.webm<\/pre>\n<p><b>A titre de comparaison, notre fichier vid\u00e9o avait une taille en MP4 est de 8.8 Mo, ce m\u00eame fichier pese en webM que 7.4 Mo<\/b><\/p>\n<p>Le format WebM semble marchait avec :<\/p>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox 4 beta<\/li>\n<li>Opera<\/li>\n<li>IE 9 si l&#8217;utilisateur a les DLLs Direct Show install\u00e9s<\/li>\n<\/ul>\n<p><b>Une d\u00e9monstration de la qualit\u00e9 d&#8217;une vid\u00e9o au format <code>WebM<\/code><\/b><br \/>\n<a href=\"http:\/\/erunways.com\/html5\/WebM_VP8_video\/\" target=\"_blank\">http:\/\/erunways.com\/html5\/WebM_VP8_video\/<\/a><\/p>\n<h2>En savoir plus<\/h2>\n<ul>\n<li>Le site officiel du projet WebM<br \/><a href=\"http:\/\/www.webmproject.org\/\" target=\"_blank\">http:\/\/www.webmproject.org\/<\/a><\/li>\n<li>La page de wikipedia sur le WebM<br \/><a href=\"http:\/\/fr.wikipedia.org\/wiki\/WebM\" target=\"_blank\">http:\/\/fr.wikipedia.org\/wiki\/WebM<\/a><\/li>\n<li>Article du journal Le monde consacr\u00e9 \u00e0 la p\u00e9n\u00e9tration de android sur le march\u00e9 US du mobile<br \/><a href=\"http:\/\/www.lemonde.fr\/technologies\/article\/2010\/05\/11\/android-poursuit-sa-croissance-aux-etats-unis_1349507_651865.html\" target=\"_blank\">http:\/\/www.lemonde.fr\/technologies\/article\/2010\/05\/11\/android-poursuit-sa-croissance-aux-etats-unis_1349507_651865.html<\/a><\/li>\n<li>Le communiqu\u00e9 de presse de NPD<br \/>\n\t<a href=\"http:\/\/www.npd.com\/press\/releases\/press_100510.html\" target=\"_blank\">http:\/\/www.npd.com\/press\/releases\/press_100510.html<\/a><\/li>\n<li>Adobe annonce que &#8220;Flash Player Will Support VP8&#8221;<br \/>\n\t<a href=\"http:\/\/blogs.adobe.com\/flashplatform\/2010\/05\/adobe_support_for_vp8.html\" target=\"_blank\">http:\/\/blogs.adobe.com\/flashplatform\/2010\/05\/adobe_support_for_vp8.html<\/a><\/li>\n<li>Compiler ffmpeg sur windows<br \/>\n<a href=\"http:\/\/www.ioncannon.net\/meta\/1128\/compiling-webm-ffmpeg-windows\/\" target=\"_blank\">http:\/\/www.ioncannon.net\/meta\/1128\/compiling-webm-ffmpeg-windows\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e8s lors que l&#8217;on parle de video sur internet, on est tr\u00e8s vite amen\u00e9 \u00e0 parler de format. Il fut un temps o\u00f9 il n&#8217;existait&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2010\/11\/flash-html5-video-webm-la-guerre-des-formats-aura-t-elle-lieu\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Flash, HTML5, Vid\u00e9o, WebM &#8211; La guerre des formats aura-t-elle lieu ?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9438,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Flash domine la vid\u00e9o web. WebM, format ouvert et de qualit\u00e9, d\u00e9fie-t-il Flash ? Analyse des outils et r\u00e9sultats.","bf_ai_og_title":"Flash vs WebM \u2013 La guerre des formats","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3443,3447,3449,3450,3435],"tags":[325,256,2185,324,347,2213,348],"class_list":["post-1756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-multimedia-video","category-technology-trends","category-tutorials-how-to","category-ux-product-design","category-web-development","tag-audio","tag-flash","tag-html5","tag-mp4","tag-ogg","tag-video","tag-webm"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-sk","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/11\/ffmpeg_webm_format_b_2_g_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=1756"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1756\/revisions"}],"predecessor-version":[{"id":9439,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1756\/revisions\/9439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9438"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=1756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=1756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=1756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}