{"id":9011,"date":"2010-09-14T12:28:49","date_gmt":"2010-09-14T10:28:49","guid":{"rendered":"http:\/\/flaven.fr\/?p=9011"},"modified":"2026-09-16T10:08:53","modified_gmt":"2026-09-16T08:08:53","slug":"html5-flash-deux-technologies-pour-le-webdocumentaire","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2010\/09\/html5-flash-deux-technologies-pour-le-webdocumentaire\/","title":{"rendered":"HTML5, Flash &#8211; Deux technologies pour le webdocumentaire"},"content":{"rendered":"<p><!-- HTML5, Flash - Deux technologies pour le webdocumentaire --><br \/>\n<!--  HTML5, webdoc, google, youtube, dailymotion, vimeo, player, narration, ipad, iphone, flash, Development, Animation, Photos, Vid\u00e9os, Texte, D\u00e9veloppement --><\/p>\n<p><a title=\"HTML5 meets 3wdocs\" class=\"bigpic\" href=\"https:\/\/flaven.fr\/2010\/09\/14\/html5-flash-deux-technologies-pour-le-webdocumentaire\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3.jpg\" width=\"600\" height=\"235\" alt=\"HTML5 meets 3wdocs\" \/><\/a><i>Copyright&copy; thewildernessdowntown.com<\/i><\/p>\n<p>Aujourd&#8217;hui, Flash est devenu un standard de fait, impos\u00e9 brillamment depuis plus de 10 ans maintenant par de tr\u00e8s nombreux cr\u00e9ateurs multim\u00e9dia et vigoureusement soutenu par Adobe. Ce succ\u00e8s en terme d&#8217;adoption n&#8217;est plus \u00e0 d\u00e9montrer n\u00e9anmoins ce quasi-monopole dans la cr\u00e9ation multim\u00e9dia pourrait d\u00e9sormais \u00eatre battu en br\u00e8che par une nouvelle norme : HTML5, promue par le World Wide Web Consortium (W3C) *.<!--more--> HTML5 tente et tentera dans les prochains mois de concurrencer Flash sur son terrain de pr\u00e9dilection : la production de sites multim\u00e9dia interactifs et anim\u00e9s dont les meilleurs exemples aujourd&#8217;hui sont les webdocumentaires ou les webfictions. Cette concurrence ne fait que commencer et elle ne sera pas simple pour le challenger HTML5 car Flash a encore une bonne longueur d&#8217;avance sur le terrain de la stabilit\u00e9 et de l&#8217;interactivit\u00e9, sans parler du plein \u00e9cran ! Bien que Flash soit loin d&#8217;\u00eatre enterr\u00e9, HTML5 poss\u00e8de deux avantages intrins\u00e8ques :<\/p>\n<ul>\n<li>HTML5 se base sur des technologies ouvertes et libres de droit qui permettent aux contenus d&#8217;\u00eatre beaucoup plus visibles et mieux r\u00e9f\u00e9renc\u00e9s.<\/li>\n<li>HTML5 est promu par les principaux membres du W3C dont Google, Apple et Microsoft. La firme de Redmond sortira prochainement une version b\u00eata d&#8217;Internet Explorer 9 avec HTML5 comme fer de lance. Comme quoi, il n&#8217;est jamais trop tard de redorer son blason.<\/li>\n<\/ul>\n<p>Quant \u00e0 Flash, il a \u00e9tendu tr\u00e8s loin son influence tentaculaire sur toute la conception et la cr\u00e9ation multim\u00e9dia sur le Web sans prendre le soin de s&#8217;ouvrir \u00e0 la recherche s\u00e9mantique au risque de condamner ceux qui l&#8217;ont choisi \u00e0 une invisibilit\u00e9 croissante. En effet, l&#8217;ouverture \u00e0 la recherche s\u00e9mantique est un levier essentiel au r\u00e9f\u00e9rencement par les moteurs de recherche. Depuis l&#8217;apparition de Flash, cette question d&#8217;ouverture est d&#8217;ailleurs un d\u00e9bat r\u00e9current sur le Web. Avec l&#8217;\u00e9mergence de l&#8217;HTML5, technologie totalement ouverte, on peut pronostiquer que la part de march\u00e9 de Flash pourrait baisser au cours des prochaines ann\u00e9es. Flash se cantonnant dans des usages plus &#8220;corporate&#8221; et\/ou priv\u00e9s. Toutefois, l&#8217;hallali pour Flash n&#8217;a pas encore sonn\u00e9 car la lenteur et les dissensions \u00e9ventuelles des membres du W3C \u00e0 imposer HTML5 comme pierre angulaire du multim\u00e9dia sont autant de garants de la domination de Flash ! Sans m\u00eame \u00e9voquer la pr\u00e9sence ou non du Runtime Flash sur des plate-formes mobiles type Ipad, Iphone dont la question \u00e0 ce jour ne semble pas totalement tranch\u00e9. En l&#8217;esp\u00e8ce, il s&#8217;agit d&#8217;une parfaite illustration du &#8220;diviser pour mieux r\u00e9gner&#8221;, au grand b\u00e9n\u00e9fice de Flash et d&#8217;Adobe, son \u00e9diteur !<\/p>\n<p><i>* W3C est un organisme de standardisation \u00e0 but non-lucratif, fond\u00e9 en octobre 1994 par l&#8217;inventeur du Web et charg\u00e9 de promouvoir la compatibilit\u00e9 des technologies du World Wide Web<\/i><\/p>\n<h4>Un film interactif en HTML5<\/h4>\n<p>Parmi, les nombreux projets qui fleurissent en HTML5, chez 3Wdocs, on en a s\u00e9lectionn\u00e9 un <code>thewildernessdowntown<\/code>, le clip d&#8217;Arcade Fire. Un projet r\u00e9cent qui exploite le potentiel de l&#8217;HTML5 et quelques-unes des fonctionnalit\u00e9s de g\u00e9o-localisation mis \u00e0 disposition par Google&#8230; et fait du m\u00eame du pros\u00e9lytisme pour le navigateur Chrome.<\/p>\n<p>Source : <a href=\"http:\/\/www.thewildernessdowntown.com\/\" target=\"_blank\">http:\/\/www.thewildernessdowntown.com\/<\/a><br \/>\nLe site du groupe Arcade Fire : <a href=\"http:\/\/www.arcadefire.com\/\" target=\"_blank\">http:\/\/www.arcadefire.com\/<\/a><\/p>\n<div id='gallery-1' class='gallery galleryid-9011 gallery-columns-1 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf-300x225.jpg 300w, https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf-94x70.jpg 94w, https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf-420x315.jpg 420w, https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p><b>La baseline de <code>thewildernessdowntown<\/code> r\u00e9sume assez bien la teneur du projet<\/b><\/p>\n<blockquote><p>\nAn interactive film by Chris Milk<br \/>\nFeaturing &#8220;We Used To Wait&#8221;<br \/>\nBuilt in HTML5\n<\/p><\/blockquote>\n<p>Ce projet s&#8217;appuie notamment sur Google Chrome. Google qui voit d&#8217;ailleurs bien, plus loin qu&#8217;un simple navigateur avec son framework <code>Google Chrome Frame<\/code>. Voir la video ci-dessous.<\/p>\n<blockquote><p>\nThis site was designed with Google Chrome in mind and is unable to render properly in your browser.<br \/>\nFor the best viewing experience, we recommend downloading Google Chrome and trying this site again.\n<\/p><\/blockquote>\n<p>Source : <a href=\"http:\/\/www.thewildernessdowntown.com\/\" target=\"_blank\">http:\/\/www.thewildernessdowntown.com\/<\/a><\/p>\n<h4>Qui fait quoi ?<\/h4>\n<p>De nombreux acteurs de la vid\u00e9o sur Internet se positionnent sur l&#8217;HTML5 et non des moindres, que ce soit les plates-formes de partage de vid\u00e9o (Vimeo, Youtube, Dailymotion&#8230;) ou les cr\u00e9ateurs de c\u00e9l\u00e8bre player video en Flash (JW player).<\/p>\n<p><b>Des mastodontes&#8230;<\/b><br \/>\nQuelques uns des poids lourds du secteur se positionnent clairement pour l&#8217;HTML5&#8230;<\/p>\n<ul>\n<li>Apple et l&#8217;HTML5<br \/>\n\t<a href=\"http:\/\/www.apple.com\/html5\/\" target=\"_blank\">http:\/\/www.apple.com\/html5\/<\/a><\/li>\n<li>Google et son <code>Google Chrome Frame<\/code><br \/>\n\t<a href=\"http:\/\/code.google.com\/intl\/fr\/chrome\/chromeframe\/\" target=\"_blank\">http:\/\/code.google.com\/intl\/fr\/chrome\/chromeframe\/<\/a><\/li>\n<\/ul>\n<p>Pour plus d&#8217;informations sur le <code>Google Chrome Frame<\/code>, nous vous invitons \u00e0 d\u00e9couvrir cette vid\u00e9o fort instructive !<\/p>\n<p><b>Introducing Google Chrome Frame<\/b><br \/>\n<object width=\"640\" height=\"385\"><param name=\"movie\" value=\"http:\/\/www.youtube.com\/v\/sjW0Bchdj-w?fs=1&amp;hl=fr_FR\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><param name=\"allowscriptaccess\" value=\"always\"><\/param><\/object><\/p>\n<p><b>Les plate-formes de diffusion et de partage<\/b><\/p>\n<ul>\n<li>Vimeo<br \/>\n\t<a href=\"http:\/\/vimeo.com\/blog:268\" target=\"_blank\">http:\/\/vimeo.com\/blog:268<\/a><\/li>\n<li>Youtube<br \/>\n\t<a href=\"http:\/\/www.youtube.com\/html5\" target=\"_blank\">http:\/\/www.youtube.com\/html5<\/a><\/li>\n<li>Dailymotion<br \/>\n\t<a href=\"http:\/\/www.dailymotion.com\/openvideodemo\" target=\"_blank\">http:\/\/www.dailymotion.com\/openvideodemo<\/a><\/li>\n<li>JW Player for HTML5<br \/>\n\t\t<a href=\"http:\/\/www.longtailvideo.com\/support\/jw-player\/jw-player-for-html5\" target=\"_blank\">http:\/\/www.longtailvideo.com\/support\/jw-player\/jw-player-for-html5<\/a><\/li>\n<\/ul>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>HTML5 and The Future of the Web<br \/>\n\t<a href=\"http:\/\/www.smashingmagazine.com\/2009\/07\/16\/html5-and-the-future-of-the-web\/\" target=\"_blank\">http:\/\/www.smashingmagazine.com\/2009\/07\/16\/html5-and-the-future-of-the-web\/<\/a><\/li>\n<li>The Future of Web Content \u2013 HTML5, Flash &#038; Mobile Apps<br \/>\n<a href=\"http:\/\/techcrunch.com\/2010\/02\/05\/the-future-of-web-content-html5-flash-mobile-apps\/\" target=\"_blank\">http:\/\/techcrunch.com\/2010\/02\/05\/the-future-of-web-content-html5-flash-mobile-apps\/<\/a><\/li>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Copyright&copy; thewildernessdowntown.com Aujourd&#8217;hui, Flash est devenu un standard de fait, impos\u00e9 brillamment depuis plus de 10 ans maintenant par de tr\u00e8s nombreux cr\u00e9ateurs multim\u00e9dia et&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2010\/09\/html5-flash-deux-technologies-pour-le-webdocumentaire\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">HTML5, Flash &#8211; Deux technologies pour le webdocumentaire<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9700,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"HTML5 et Flash s'affrontent pour le webdocumentaire. Analyse des outils et r\u00e9sultats attendus de cette bataille technologique.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,3443,3447,3448,3451,3435],"tags":[781,3493,127,785,138,256,2214,2185,426,249,2261,154,326,793,146,341,2263,134],"class_list":["post-9011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-multimedia-video","category-technology-trends","category-tools-productivity","category-web-design-front-end","category-web-development","tag-animation","tag-clip","tag-dailymotion","tag-development","tag-developpement","tag-flash","tag-google","tag-html5","tag-ipad","tag-iphone","tag-narration","tag-photos","tag-player","tag-texte","tag-videos","tag-vimeo","tag-webdoc","tag-youtube"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-2ll","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/09\/html5_he3Player_b_3_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9011","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=9011"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9011\/revisions"}],"predecessor-version":[{"id":9701,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9011\/revisions\/9701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9700"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=9011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=9011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=9011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}