InterfacesRiches.fr

Après trois mois de spéculations irraisonnées et d’escarmouches par articles interposés, il semblerait que la gue-guerre entre supporters d’HTML5 et supporters de Flash soit enfin calmée (cf. Pourquoi HTML5 et Flash ne peuvent être comparés). Maintenant que les arguments des uns et des autres ont été entendus, ceux qui sont réellement légitimes sur le sujet (les producteurs de contenus, pas les analystes du dimanche) commencent à s’exprimer et à faire entendre un son de cloche très différent des ayatollahs des standards web :

• HTML5 Vs. Flash. What You Haven’t Heard, où l’auteur nous explique qu’HTML5 n’est pas un choix suffisamment mature pour les jeux en ligne. Flash propose ainsi une solution plus intéressante notamment pour le preloading, pour la simplicité d’animation de sprites et de fonds, pour le P2P, pour l’encaspulation de jeux en un fichier unique,  pour les performances… Bref, les producteurs de jeux en ligne restent fidèle à Flash même si nous voyons des choses très intéressantes pour HTML5 (cf. Les jeux en HTML5 deviendront-ils une réalité ?).
• HTML5 And Flash: Why It’s Not A War, And Why Flash Won’t Die, où le fameux Smashing Magazine nous explique que Flash va progressivement reprendre la place qu’il aurait toujours dû occuper (animations multimédia, jeux…) mais qu’il ne va en aucun cas être remplacé par HTML5.
• Why Porn and the iPad Are Key for HTML5, où l’on nous explique que les éditeurs de contenus pornographiques en ligne migrent vers des lecteurs vidéo en HTML5 pour draguer les utilisateurs d’iPad et espérer vendre plus de services premium. Tout en sachant que ces fameux services premium exploiteront de toute façon un lecteur vidéo en Flash pour mieux protéger les contenus et bénéficier de DRM solides. Cet avis est également partagé et détaillé ici : Why HTML5 Video Won’t Replace Flash.
  

  Le gros problème d'HTML5 avec les contenus vidéo

• Pardon Our Dust, où les équipes de Hulu expliquent les avantages de Flash comme lecteur vidéo (adaptive streaming, égalisation du volume de publicités, flexibilité du sous-titrage, seek preview, video analytics…).
• Flash and the HTML5 <video> tag, où les équipes de YouTube listent les avantages de Flash (utilisation de nombreux codec dont le WebM, protection des contenus sous licence, exportation très simple du lecteur, vidéo en plein écran, accès très simple à la webcam et au micro…).

Et pour enfoncer le clou, les équipes de YouTube viennent même de publier un jeu qui mélange très habilement le contenu de plusieurs vidéos ainsi que des briques externes (formulaire, cartes…) : Google Chrome FastBall – A Race Across The Internet.

Un jeu sur Youtube qui mélange plusieurs types de contenu

Bon OK, même si ce jeu est surtout là pour vanter les mérites de Chrome, ça fait quand même du bien d’avoir des avis d’acteurs légitimes pour définitivement clore ce débat qui a trop duré.

Dans la même lignée que le film Believe pour la promotion de Halo 3 ou la fantastique pub TV Carousel pour les téléviseurs 21:9 de Philips, la branche canadienne de Showcase vient de lancer une campagne très intéressante pour faire la promotion de sa nouvelle série TV Crash & Burn : Une vidéo panoramique (Autotopsy: Point of Impact, toujours aussi fascinante à regarder) et un mini-site pour prolonger l’expérience (Autotopsy.ca).

La série suit le quotidien d’un expert en analyse d’accidents de voitures, le mini-site reprend la vidéo panoramique du teaser mais y rajoute une couche d’interactivité avec la possibilité de naviguer dans une timeline en bas de page :

La navigation par timeline sur le mini-site Autotopsy

L’immersion est maximale avec une vidéo en pleine écran (et 3 niveau de qualité pour ne pas trop ralentir le chargement). La scène de l’accident est ponctuée de points d’intérêts (les victimes) sur lesquels il est possible de cliquer pour avoir accès à une petite vidéo de storytelling (les 2 minutes précédents l’accident) :

Gros plan sur une des victimes du mini-site (c'est pour une série TV)

Il est également possible d’avoir une description plus complète (Case Study) :

Le dossier complet des victimes

Il y a enfin un plan en 3D très utile pour s’y retrouver dans la scène de l’accident :

Le plan en 3D de l'accident

Au final nous avons donc un mini-site assez long à charger (il faut le reconnaitre) mais parfaitement immersif et avec une très grande qualité de réalisation. Rien à redire, c’est à ça que servent les interfaces riches et ils ne sont pas prêt d’être remplacés pour ce type de réalisation.

Connaissez-vous EnglishCentral ? Il s’agit d’un service en ligne d’auto-apprentissage de l’anglais. En gros ils proposent des vidéos d’actualité avec sous-titres, chapitrage et exercices :

Le player vidéo d'EnglishCentral et son chapitrage

Le player vidéo est plutôt bien fait avec une timeline chapitrée, un fonction text-to-speech au survol de la souris sur les sous-titres et la possibilité de s’exercer en enregistrant sa voix à chaque phrase (ce qui permet de gagner des points).

Mais le plus intéressant est cette incroyable fonction de playback audio ralenti de la phrase entière :

Le playback audio en ralenti

En cliquant sur le lien “Hear line slowed down“, vous pouvez réécouter la phrase à une vitesse deux fois moindre sans toutefois altérer la qualité sonore ou le rythme. Je ne sais pas trop comment ils font ça (certainement en échantillonnant et en dupliquant des boucles d’1/10 de seconde) mais le résultat est stupéfiant.

Qui pourrait me dire s’il existe des technologies ou des composants Flash pour faire quelque chose d’équivalent ?

Vous connaissez les documentaires à la télé, vous connaissez les livres dont vous êtes le héros, alors vous allez forcément apprécier ce web-documentaire : L’obésité est-elle une fatalité ?

La page de démarrage du web-documentaire sur l'obésité

Selon les promoteurs (Honkytonk Films et Curiosphere.tv), ce nouveau format place l’internaute au cœur du documentaire et luis permet de choisir son parcours, de conduire ses propres interviews. Autant le dire tout de suite : c’est une véritable réussite car l’immersion est très bien restituée et le minutage est parfait pour maintenir votre attention.

Dans les fait, ce web-documentaire est un mélange de séquences vidéo et d’animations Flash (avec photos en pleine largeur d’écran messages qui défilent et fond sonore). Sur la capture d’écran suivante, il est possible d’avoir plus de détails en cliquant sur le bouton “Plus d’infos” en bas à gauche :

Une séquence du web-documentaire

Des chiffres-clés sont affichés en sur-impression de temps en temps. À la fin de chaque séquence (qui peuvent être esquivées) on vous propose un choix vers la ou le séquence suivantes (ici en bas à droite) :

Un embranchement dans la narration

Les interviews sont en fait des extraits sonores avec des sous-titres si elles sont en langues étrangères :

Le déroulement d'une interview

Rien à redire, cette nouvelle forme de narration vous plonge de façon spectaculaire au cœur du récit, vous pouvez même décidez de l’ordre des séquences en accédant au menu.

Après “Voyage au bout du charbon“, le réalisateur (Samuel Bollendorff) nous prouve qu’il est tout à fait possible de mélanger ces deux supports (le reportage TV et les contenus interactifs) dans un tout cohérent. Pour le moment ces réalisations sont engagées mais j’attends de voir à quoi pourrait ressembler une fiction interactive à regarder sur son touchbook au coin du feu.

Bien évidement vous pourriez me dire que depuis les CD-Rom il n’y a rien de neuf, et je vous répondrait que si justement il y a du neuf : le problème de la distribution est résolu. De même que celui de l’évolution, il serait ainsi tout à fait possible d’enrichir un documentaire au fur et à mesure : un budget limité pour tester l’appétence de l’audience et des compléments produits au fur et à mesure.

Par contre la question qui reste en suspend est la suivante : Comment insérer dans ce tableau les annonceurs ? Peut-être sous forme d’encarts ou d’interstitiels…

Après Rolland-Garros et le Tour de France, la technologie de streaming HD de Silverlight a été retenue pour une exploitation annuelle par Canal+ et France24.

Commençons par la chaine cryptée qui vient de lancer la diffusion HD de la ligue 1 et de la Champions League sur son service payant Foot+ : Canal+ goes Silverlight for Foot+.

Le foot en HD avec Silverlight

Non seulement les abonnés ont accès à un flux de streaming en HD sur leur ordinateur, mais ils peuvent de plus regarder ça sur leur TV au travers d’une XBox.

Autre ambiance avec France24 qui propose de la rediffusion 24H/24H avec cette expérimentation : France 24 expérimente le contrôle du direct, le speech to text, les votes et chapitrage automatique dans son player HD.

France24 en HD avec Silverlight

À tester ici : France24 HD Live Player.

Visiblement les équipes de Microsoft sont en train de prendre une belle avance sur le streaming HD et surtout de s’installer durablement sur ce créneau en signant des partenariats prestigieux.

Je ne sais pas pour vous, mais j’ai comme l’impression que dans son élan d’intégration verticale Microsoft pourrait bien verrouiller un peu plus le marché en rachetant un gros acteur de Content Delivery (Akamai ?).

En ce moment c’est la rentrée pour les séries US, de ce fait c’est également la rentrée pour les régies publicitaires des chaines qui diffusent les séries. Il est donc important pour elles de communiquer sur les nouvelles créations ou les nouvelles saisons. En plus des différents dispositifs de teasing habituels, HBO propose un dispositif tout à fait original : HBO Imagine.

Le concept de ce site est de développer votre imaginaire et de faire travailler vos neurones. Pour cela ce mini-site vous propose de visionner une série de courts-métrages à plusieurs niveaux de lecture (il faut le voir plusieurs fois et sous différents angles pour connaitre le fin mot de l’histoire). Les différents angles des caméras de ces courts-métrages sont ainsi “projetés” sur des cubes qu’il est possible de faire pivoter pour voir deux angles en même temps :

Le cube en vidéos de HBO Imagine

En plus de ces courts-métrages, il est également possible d’explorer des contenus additionnels (articles, photos, vidéos…) qui viennent enrichir l’histoire et vous permettent de comprendre encore mieux la scène. La navigation au sein de ces suppléments se fait à l’aide d’une représentation spatialisée façon mind map :

Le mind mapping de HBO Imagine

Et pour vous aider dans la compréhension ils fournissent même une carte pour relier les contenus entre eux :

La carte de correspondance des contenus de HBO Imagine

J’adorerais que les films en DVD fournissent des bonus de ce type ainsi qu’un grand schéma pour tout comprendre l’histoire (par exemple pour un film comme Memento).

Même si le mini-site est long à charger et lourd à manipuler, je ne peux que reconnaître la richesse et l’ingéniosité des courts-métrages ainsi que la qualité de la réalisation. Plus d’infos ici : HBO Teases New Season With Teddy Bears.

L’armée US ayant l’impératif de devoir séduire les jeunes, elle n’a jamais été avare en interfaces riches pour séduire les jeunes recrues (Interfaces riches à gogo pour l’U.S. Air Force) et va même jusqu’à proposer un jeu en téléchargement gratuit (America’s Army). De son côté, l’armée anglaise n’est pas en reste avec cette superbe réalisation façon serious game : Start Thinking Soldier.

L’idée est de présenter le quotidien de l’armée vue au travers des yeux d’un soldat (en caméra suggestive). Le résultat est époustouflant : une succession de vidéos interactives et de mini-jeux avec un réalisme incroyable. Les missions commencent par une mise en situation plutôt soft :

Mise en situation très rapide au travers de vidéos

Ici vous êtes alors confronté à trois choix pour définir votre façon d’investir le bâtiment :

Je penche pour le coup de pompe dans la porte...

Il y a aussi ce mini-jeu tactique pour positionner vos unités :

Encerclez votre ennemi sans trop prendre de risques

Il y a aussi des snipers à “neutraliser” :

L'ennemi est là (en haut à droite)

Vous avez aussi la possibilité de conduire une jeep (3D en temps réel grâce à Unity3D) :

Simulation de conduite en Unity3D

Et il y a même un passage dans les souterrains (toujours en 3D) :

On se croirait dans Wolfstein !

Les références aux jeux vidéo sont à peine masquées mais le tout est terriblement hypnotique et surtout très addictif car les missions s’enchaînent à un rythme d’enfer.

Bref, une réalisation d’enfer pour une incroyable immersion dans le quotidien des soldats, un sans faute.

(via BuzzBlog)

J’ai déjà eu l’occasion de vous parler de Papervision3D, de même que des moteurs physiques Flash, ainsi que de différentes techniques de manipulation vidéo… mais jamais des trois en même temps !

C’est ESPN, la chaîne US dédiée au sport, qui m’en donne l’occasion avec le NASCAR Results Simulator. Il s’agit d’une application en ligne permettant de simuler les résultats de la prochaine course et de participer à un concours du meilleur pronostiqueur :

Le NASCAR Results Simulator de ESPN

En bon fans de RAI que vous êtes vous apprécierez cette grille en 3D temps réel (animée par la librairie Papervision3D) où il est possible de positionner les pilotes. Là où ça devient intéressant, c’est que les pilotes sont animés grâce à de la vidéo (ils bougent, font des signes de la main, parlent et s’étirent) et ils répondent aux lois de la physiques (lorsque vous les déplacez, leurs jambes et bras pendent dans le vide).

Plus impressionnant, il y a un très bel effet de profondeur de champ car les pilotes déposés en fond de grille sont plus petits :

La profondeur de champ en action sur le NASCAR Results Simulator

Rajoutez à cela une sonorisation soignée (on entend les commentaires et les bruits de voitures en fond sonore) et vous avez une interface riche très ludique et surtout parfaitement réalisée.

(via Blitz)

Grosses annonces en ce début de semaine pour Adobe concernant la vidéo en ligne : Big Video Announcements from Adobe. Il y a en premier lieu la disponibilité prochaine de Flash sur la télévision : Adobe Extends Flash Platform to Digital Home. Pour être plus précis il s’agit de l’implémentation de Flash dans un certain nombre de terminaux (TV connectées, Set-top box et lecteurs Blue-ray). De nombreux partenariats ont été signés auprès de producteurs de puces, de câblo-opérateurs et diffuseurs de contenus pour assurer un lancement dans la second moitié de l’année.

Nous pouvons voir dans cette annonce la concrétisation de l’Open Screen Project et la réponse d’Adobe à des initiatives similaires comme Yahoo! Connected TV ou ce qu’ambitionne Sun avec JavaFX (et dans une certaine mesure Google : Google’s Android Going to Set-Top Boxes).

Mais l’ambition d’Adobe ne s’arrête à la diffusion de widgets sur votre TV (qui cependant reste une très bonne idée puisque de nombreux services seraient alors disponibles). Les premières analyses tablent plutôt sur une mini révolution dans la diffusion de contenus et notamment la VoD : Adobe Flash for Your TV Means Hulu in Your Living Room et Can Adobe’s Flash Take TV To The Next Level?.

Adobe choisit donc de déporter la bataille du contenu sur d’autres supports que votre ordinateur et s’attaque à la nouvelle génération d’installation TV. Une manoeuvre intelligente car la technologie Flash a déjà fait ses preuves pour la VoD (notamment sur Hulu) et le partenariat initié avec Brightcove va dans le sens d’une rationalisation de ce secteur pour pouvoir rassurer les producteurs de contenus (films, séries TV…) : Brightcove and Adobe Expand Strategic Alliance and Further Adoption of the Adobe Flash Platform. Au programme de ce partenariat : une meilleur performance pour le streaming de longs-métrages en HD, une gestion plus fine des DRM, une intégration complète avec la Creative Suite (pour remonter la chaîne de production).

Et ce n’est pas tout puisqu’Adobe annonce aussi le lancement de Strobe, un framework open source de développement de media player : Adobe Unveils New Framework for Media Player Development.

Flash va-t-il devenir le standard de-facto de la vidéo en ligne ?

Traduction : Adobe a bien compris les inquiétudes de la communauté vis à vis de sa position dominante pour la diffusion de contenus vidéos (reposant sur Flash, une technologie propriétaire) et essaye de noyauter tous les acteurs pour une adoption encore plus forte et une domination totale des lecteurs vidéos en Flash. Encore une manoeuvre habille pour contrer les dernières avancées de Microsoft et de Silverlight 3 avec son Smooth Streaming ainsi que les initiatives de media player conformes aux standards web (cf. Faire de la vidéo un citoyen du Web à part entière).

L’année 2009 sera-t-elle l’année du renouveau de la télévision grâce au web ?

Je suis passé complètement à côté d’une réalisation tout à fait intéressante : la Culturebox de France3. Il s’agit d’un service de catch’up TV (”pour regarder sur le web une émission diffusée récemment sur ta télé) qui présente la particularité de proposer une interface sous forme de mosaïque de vidéos :

La mosaïque de vidéos de Culturebox

Pour ne pas alourdir la page, les vidéos ne sont animées que de façon aléatoire et une info-bulle géante présente le détail de l’émission. Une initiative tout à fait intéressante dans la mesure où les contenus produits par France3 sont de qualité (uniquement des sujets sur la culture) et de courte durée (donc adaptés au support web).

Vous avez également la possibilité de filtrer les émissions par région ou par thème à l’aide de la télécommande :

Les contenus régionaux de la Culturebox

Notons que le lecteur est d’une sobriété à toute épreuve qui me fait penser à celui de M6 Replay mais qui remplit très bien son travail :

Le lecteur de vidéo de la Culturebox

Un grand bravo aux équipes derrière cette réalisation. Plus d’infos ici : Culturebox, le concentré de culture de France 3.