http://www.interfacesriches.fr Toute l'actualité des interfaces riches (Flash, HTML5, 3D...) Wed, 13 Mar 2013 06:40:23 +0000 fr-FR hourly 1 http://wordpress.org/?v=3.5.2-alpha Les interfaces riches au service de l’émotion http://www.interfacesriches.fr/2012/07/19/les-interfaces-riches-au-service-de-lemotion/ http://www.interfacesriches.fr/2012/07/19/les-interfaces-riches-au-service-de-lemotion/#comments Thu, 19 Jul 2012 09:59:06 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=5272 Non, les interfaces riches ne servent pas qu’à jouer des vidéos ou à animer des objets 3D à l’écran. Bon en fait, si, les technologies d’interfaces riches servent à ça, mais elles sont d’autant mieux exploitées qu’elles servent un but précis. Dans les exemples que je vais vous citer, il est ainsi question d’utiliser Flash pour faire passer un message chargé d’émotions. Ce message peu être de différentes natures (commerciale, caritatif, artistique…), mais l’important est de bien comprendre que la technologie n’est ici qu’un moyen d’immersion pour bien capter l’attention des internautes et de faire vibrer chez la bonne corde émotionnelle.

Commençons d’abord par étudier la dernière campagne de Only, une marque de vêtements de djeunz. Only Because We Can est un mini site proposant une vidéo interactive en plein écran dont l’unique objectif est de mettre en scène les produits de la marque dans une narration tournant autour de l’envie de… faire des choses simplement parce que l’on peut les faire. Le support (la vidéo) sert ainsi le message (“only because we can“) et accessoirement la marque (Only).

La vidéo interactive de ONLY

La vidéo est donc jouée automatiquement, un clic de la souris permet de la mettre en pause et d’avoir des détails sur les produits portées par les actrices. Rien de novateur, mais une bonne illustration commerciale de ce que l’on peut faire avec une vidéo d’ambiance.

Autre exemple avec Carly’s Cafe, un mini-site accompagnant la sortie du livre Carly’s Voice qui raconte l’histoire et quotidien de Carly Fleischmann, une jeune femme autiste.

La mini-site Carly’s Cafe

Après une courte introduction vidéo sur l’enfance de Carly, ce mini-site propose de vivre une scène de sa vie quotidienne (boire un chocolat dans un café). Tout l’intérêt de cette vidéo interactive est de restituer de la façon la plus fidèle possible sa perception du monde qui l’entoure et de ses angoisses. Une expérience assurément intense, car elle restitue bien les troubles d’attention et de langage de la fameuse Carly.

Dernier exemple avec la société Alzheimer du Canada qui a mené une campagne très originale sur un grand portail d’information : La maladie d’Alzheimer version web. L’idée était de sensibiliser l’opinion publique sur la maladie d’Alzheimer en effaçant le contenu des pages du portail au fur et à mesure que l’internaute fait défiler la page vers le bas.

Là encore, rien de très spectaculaire (il existe d’autres exemples de bannières en Flash qui interagissent avec le contenu de la page), mais une technologie utilisée pour servir un message (les conséquences de la parte de mémoire).

Avec ces trois exemples, vous avec une illustration de ce que les technologies RIA permettent de faire pour transmettre des émotions. Si vous avez d’autres exemples probants, je suis preneur…

]]> http://www.interfacesriches.fr/2012/07/19/les-interfaces-riches-au-service-de-lemotion/feed/ 2 La mode des clips vidéos en HTML5 ? http://www.interfacesriches.fr/2011/02/24/la-mode-des-clips-videos-en-html5/ http://www.interfacesriches.fr/2011/02/24/la-mode-des-clips-videos-en-html5/#comments Thu, 24 Feb 2011 16:18:34 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=1044 Tout a commencé avec House of Cards de Raiodhead, une expérimentation de visualisation artistique de données réalisée par les équipes de Google. L’idée était de mélanger création artistique et programmation pointue. Puis il y a eu The Wilderness Downtown qui a bénéficié d’une plus grande couverture médiatique. Là nous étions à mi-chemin entre expérience vidéoludique et démonstration de force pour Google (cf. Google à l’assaut d’iTunes et d’iOS avec Chrome et HTML5 ?).

Dernièrement j’ai découvert l’incroyable travail du groupe japonais SOUR avec le titre Mirror qui mélange multi-fenêtrage, HTML5, Flash et réseaux sociaux :

La vidéo interactive de SOUR

Le résultat est divertissant et surtout très surprenant pour ceux qui laissés un minimum de traces sur le web :

Cette semaine j’ai également découvert le travail de No Eleven qui propose avec High une vidéo HTML5 qui utilise les paroles de la chanson pour rapatrier en temps réel les résultats de recherche de Google Images :

La vidéo interactive de No Eleven

J’ai donc bien l’impression que nous sommes en présence d’un nouveau meme qui consiste à exploiter les interfaces riches pour mettre en scène un morceau musical. Sur la papier, nous pouvons craindre le pire, mais il faut bien admettre que les exemples cités plus haut sont des authentiques réussites, à la fois sur le plan artistique que d’un point de vue technique. Certes, parfois c’est un peu long à charger (ou ça sollicite un peu trop le processeur), mais ces différentes expérimentations ouvrent la voie d’une nouvelle forme de création artistico-technologique.

Cette idée est d’ailleurs reprise avec brio par Intel dans sa campagne récente The Chase :

Je ne sais pas trop quelle est la limite de cet exercice de style, en tout cas il remplit parfaitement sa mission : attirer l’attention. N’hésitez pas à publier les URLs d’autres exemples dans les commentaires.

(via @ksandre)

]]> http://www.interfacesriches.fr/2011/02/24/la-mode-des-clips-videos-en-html5/feed/ 1 Vidéo à 360° et réalité augmentée pour Will.I.Am http://www.interfacesriches.fr/2011/01/25/video-a-360%c2%b0-et-realite-augmentee-pour-will-i-am/ http://www.interfacesriches.fr/2011/01/25/video-a-360%c2%b0-et-realite-augmentee-pour-will-i-am/#comments Tue, 25 Jan 2011 20:37:41 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=995 Même si vous habitez depuis 10 ans dans une grotte, vous devez forcément connaître les Black Eye Peas (ou au moins leurs chansons). Même si leur site web est loin d’être à la hauteur, ils viennent de sortir une application iPhone qui risque de faire grand bruit : Will.I.Apps. Le principe est de vous faire pleinement profiter de leur nouveau titre (“The Time: The Dirty Bit“) au travers d’une interface vidéo à 360° qui exploite l’accéléromètre de l’iPhone.
La vidéo à 360° des Black Eyed Peas sur votre iPhone

Donc pour vous la faire simple : la vidéo a été filmée avec une caméra à 360° et vous devez tourner sur vous-même pour voir la scène en entier. Cette technologie a été développée par la société 3D360 et fonctionne parfaitement bien.

L’application permet aussi de jouer avec une fonction de réalité augmentée :

Vous ne trouvez pas qu'il est bien installé sur mon canapé ?

Rien de ce qui est disponible dans cette application n’est neuf (vidéo à 360°, réalité augmentée, utilisation de l’accéléromètre…) mais le fait de tout combiner autour du tube d’un des groupes les plus en vogue du moment est un coup de maitre. Pour vous rendre compte du fonctionnement, regardez donc cette vidéo :

L’expérience de visionnage de la vidéo et donc l’appréciation de la chanson est sublimée par les technologies mises en oeuvre. Même si l’application est payante, cette expérimentation va très certainement faire des émules et démocratiser la scénarisation des chansons et contenus (l’important n’est pas tant la création mais plutôt l’expérience proposée). Ça n’a rien à voir, mais figurez-vous que Will.I.Am vient d’être nommé au poste de “Directeur de l’innovation créative” chez Intel : Intel hires Will.I.Am as its ‘Director of Creative Innovation’.

(via Techcrunch)

]]> http://www.interfacesriches.fr/2011/01/25/video-a-360%c2%b0-et-realite-augmentee-pour-will-i-am/feed/ 0 Vidéo HTML5, la guerre des codecs est déclarée http://www.interfacesriches.fr/2011/01/20/video-html5-la-guerre-des-codecs-est-declaree/ http://www.interfacesriches.fr/2011/01/20/video-html5-la-guerre-des-codecs-est-declaree/#comments Thu, 20 Jan 2011 08:42:24 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=977 Très récemment Google annonçait le succès de son navigateur Chrome (Google’s Chrome browser hits 10 percent market share). Ils s’étaient illustrés ces derniers temps par un certain nombre d’actions d’évangélisation d’HTML 5 (Google à l’assaut d’iTunes et d’iOS avec Chrome et HTML5 ? et Google expérimente les ebooks en HTML5). La semaine dernière nous avons pu observer un changement de ton avec l’annonce de l’arrêt du support natif de H.264 dans la prochaine version de Chrome (au profit de WebM) : The Gloves Are Off, Google Chrome Browser Will Drop Support For H.264 Video Codec. Cette annonce n’a pas forcément eu le retentissement qu’elle aurait dû avoir, car elle préfigure une bataille rangée qui s’annonce des plus sanglante !

Pour encoder, il faut passer à la caisse

Avant toute chose, il est important de rappeler certaines notions pour ne pas rajouter à la confusion ambiante :

H.264 est donc un codec largement utilisé pour faire de la vidéo HD sur le web (notamment par YouTube, Netflix, Hulu…) mais qui engendre des coûts de licence. Pour être plus précis : il existe une version gratuite de H.264 (x.264) qui permet de faire de l’encodage avec des solutions software (donc pas très puissante). Mais si vous voulez encoder des vidéos à l’échelle industrielle, il va falloir utiliser des solutions hardware qui sont elles payantes (par nombre de CPU).

Donc si l’on résume : le codec H.264 est gratuit pour les amateurs mais payant pour les gros acteurs (ceux qui vivent de la VOD ou d’autres activités relatives à la vidéo en ligne). Le group MPEG LA a annoncé une totale gratuité de son codec pour un usage non-commercial mais le doute persiste (MPEG-LA Makes Free Internet Video Royalty Free Perpetually). Google a pris la décision de ne plus encourager l’utilisation de ce codec pour une exploitation dans un lecteur video HTML5, mais son usage perdurera au travers des plugins Flash et Silverlight.

(Merci à Mathias Blandin, consultant web & VOD, pour toutes ces précisions)

Flash vs. HTML5 = Apple vs. Google vs. Microsoft

Jusqu’à récemment, Flash était la technologie de référence pour faire de la vidéo sur le web, mais avec l’avènement d’HTML5 (et de sa balise et surtout sans les solutions coûteuses de streaming (exploitant Flash ou Silverlight). Netflix travail ainsi activement à l’éllaboration d’un nouveau standard : Netflix Working on HTML5 Standard for Streaming Video.

Interrogé à ce sujet, Samuel Rohault (le directeur technique de MySkreen) analyse cette situation comme un retour en arrière pour les éditeurs et diffuseurs qui doivent à nouveau se casser la tête sur le choix d’un codec et des technologies qui vont avec. Selon lui, H.264 apparait néanmoins comme la solution la largement répandue au travers de Flash.

Nous nous retrouvons donc avec deux clans :

Le fait que Google annonce le non-support de H.264 et soit obligé d’expliquer son choix illustre les enjeux du marché de la vidéo HD sur le web (cf. More about the Chrome HTML Video Codec Change). Aujourd’hui nous savons qu’Apple ne peut pas se rallier au premier camp : d’une part car l’ouverture n’est pas son truc, et d’autre part car iOS ne supportant pas Flash, il faut bien que Safari puisse faire tourner les vidéos encodées en H.264 sur iPhone et iPad. La grande question est donc de savoir si Microsoft va basculer dans un camp et assurer le support effectif de WebM dans IE9 (pour le moment la dernière version permet de jouer des vidéos WebM uniquement si le codec VP8 est déjà installé sur la machine).

Peu importe le fait que tel ou tel navigateur supporte le codec H.264 (de toute façon Flash est déployé sur plus de 97% des postes), l’important pour Google est que le plus grand nombre de navigateurs supportent nativement son alternative : le format WebM et son codec VP8. Ils ont donc annoncé dans la foulée la disponibilité prochaine de plugins WebM pour IE et Safari. Un passage en force qui provoque des remous (euphémisme).

iOS vs. YouTube

Nous avons donc un duel avec Google contre Apple et Microsoft (qui lui même est en compétition directe avec Apple). Donc au final c’est plus une guerre à trois entre les ennemis historiques Google vs. Apple vs. Microsoft. Qui va gagner cette guerre ? Il est encore trop tôt pour le dire, mais un atout dans le jeu de Google pourrait bien lui permettre de rafler la mise : YouTube.

Autant Apple a vendu une petite centaine de millions de machines tournant sous iOS, autant les utilisateurs de YouTube se comptent en milliards. Si Google décide d’intensifier le conflit, il lui suffit d’imposer le codec VP8 sur les vidéos HD pour déstabiliser l’ensemble du marché. C’est donc un moyen de pression de formidable. Cela fait déjà un petit moment que Google propose de tester un player HTML5 sur son site mais je ne sais pas quelle est la proportion de vidéos encodées en VP8 par rapport à H.264.

Autre levier de pression de Google : Android. Son système d’exploitation pour smartphone supporte nativement H.264 pour la vidéo HD et le streaming. L’abandon de H.264 serait une nouvelle étape dans cette guerre des codecs, bien que Flash soit également disponible sur Android (donc une situation identique à celle des desktops).

Dernier élément à prendre en compte : la technologie de streaming. Le Progressive Download (la méthode actuellement la plus répandu) consomme en effet beaucoup plus de bande passante que l’Adaptive Streaming (qui ne télécharge que des petits tronçons de vidéo et adapte la résolution et le nombre d’image par seconde). Apple, Microsoft et Adobe proposent chacun leur solution (respectivement HTTP Live Streaming, Smooth Streaming et HTTP Dynamic Streaming) mais exploitent tous le codec H.264. Voici donc un argument décisif en faveur de ce dernier car non seulement il permet d’économiser de la bande passante (et nous allons très rapidement en manquer avec l’explosion des usages de la vidéo HD) mais également d’incruster des messages publicitaires beaucoup plus facilement. En d’autres termes : H.264 permet de faire de l’Adaptive Streaming qui génère des économies de bande passante d’un côté et des revenus publicitaires de l’autre. Deux arguments de poids auquel Google devra trouver une alternative (plus d’infos ici : Adaptive Bit Rate Video Streaming: Why Delivery Will Matter More Than Codec).

Je ne suis pas un spécialiste du secteur, mais mon petit doigt me dit que cette guerre ne concerne pas réellement le marché de la vidéo sur le web, ni sur les terminaux mobiles. Avec WebM, Google est en train de peaufiner son plan d’invasion (de domination ?) de la télévision. 2011 va en effet être une année décisive pour le marché des smart TVs et plus généralement pour le marché des contenus numériques sur les TV connectées (VOD, abonnement…).

L’avenir nous dira comment cette guerre va évoluer, mais je suis prêt parier ma Freebox V.6 que la bataille va se déporter sur la TV.

]]> http://www.interfacesriches.fr/2011/01/20/video-html5-la-guerre-des-codecs-est-declaree/feed/ 10 Une seconde vie pour les contenus digitaux grâce à l’iPad ? http://www.interfacesriches.fr/2011/01/14/une-seconde-vie-pour-les-contenus-digitaux-grace-a-lipad/ http://www.interfacesriches.fr/2011/01/14/une-seconde-vie-pour-les-contenus-digitaux-grace-a-lipad/#comments Fri, 14 Jan 2011 10:38:18 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=971 J’ai déjà eu de nombreuses occasions de m’exprimer au sujet de l’iPad et sur les contenus les mieux adaptés aux touchbooks (À la recherche de nouveaux formats hybrides pour les touchbooks et À quand des ebooks enrichis ?). En un peu plus de 6 mois, Apple a écoulé 16 millions d’iPad en 2010 et compte en vendre 30 M en 2011. Une authentique prouesse pour la firme de Cupertino dont l’avidité n’est un secret pour personne : avec l’iPad ils ambitionnent de révolutionner les contenus numériques tout comme ils l’ont fait avec la musique et les jeux pour l’iPhone et l’iPod. Ont-ils les moyens leurs ambitions ? Oui très certainement car ils disposent d’une bonne longueur d’avance sur la concurrence et parce que l’écosystème qui gravite autour d’iOS est suffisamment dynamique pour amorcer cette révolution.

Révolution ou évolution ? C’est en effet la question que l’on peut se poser au vue des premières “transpositions” de contenus numériques en applications tactiles. Le magazine Wired a ainsi été pionnier dans sa démarche de transformation de ses contenus : le magazine papier, qui existait auparavant en format numérique, a ainsi été remanié (pour en faciliter la lecture sur un écran tactile) et enrichi (avec des animations et des vidéos). Le résultat est plutôt réussi et fait maintenant référence :

Sur ce modèle, d’autres éditeurs ont décidés de sauter dans le train en marche en capitalisant sur les contenus existants. Adobe a ainsi eu la très bonne idée de compléter son offre avec la Digital Publishing Suite pour transformer une maquette “papier” en une application iPad (Adobe lance une offensive sur les magazines numériques et les jeux mobiles). Martha Stewart et Bonnier sont ainsi les premiers à expérimenter ce dispositif :

Le plus grand quotidien suédois sur iPad

Dans ces exemples nous parlons bien de transformer un existant en une application tactile. Mais d’autres éditeurs vont plus loin en produisant un contenu exclusif comme Richard Bronson et son magazine Project :

News Corp devraient également proposer dans les prochains mois son propre iMagazine : First image of Rupert Murdoch’s iPad newspaper emerges. Espérons que les prochaines réalisations iront un peu plus loin que ce que propose déjà les autres : une expérience encore très proche du papier.

D’autres acteurs comme Graphic.ly ou Panelfly proposent une approche similaire avec des comics et BD retravaillées pour en rendre la lecture plus immersive :

Des comics revisités sur votre iPad avec Panelfly

Cette conversion nécessite un peu plus de travail mais propose une expérience plus intense pour les lecteurs. Idéalement il faudrait associer les cases avec des bruitages, des voix et des animations, mais le coût de production serait alors beaucoup plus important.

Dernièrement nous avons également commencé à voir apparaitre des expérimentations encore plus intéressantes avec des films réalisés spécifiquement pour les touchbooks : The New Touching Stories App Brings Four Interactive Films to the iPad. Touching Stories est ainsi une application iPad avec 4 histoires à vivre, à mi-chemin entre courts-métrages et jeu vidéo. Le principe est de faire interagir l’utilisateur en lui proposant une histoire à embranchements ainsi que la possibilité d’agir directement sur l’histoire en exploitant des zones réactives ou même l’accéléromètre :

Dans cet exemple nous sommes donc en présence d’un produit hybride qui n’est pas sans rappeler des jeux narratifs comme Dragon’s Lair ou le plus récent Heavy Rain (dont le gameplay repose sur les quick time évents).

Dans un registre identique, le réalisateur israélien Nitzan Ben-Shaul a tourné en 2008 un long métrage à embranchements multiples. Son idée était de faire interagir les spectateurs directement dans la salle de cinéma avec un principe de décision collective (à main levée) : Turbulence, an Interactive Movie, Coming Soon to an iPad Near You. Dans la mesure où il disposait déjà de la matière première, convertir son film en application pour iPad n’a pas représenté une grosse difficulté. Le spectateur peut ainsi agir directement sur l’histoire en influant les actions ou les réactions des personnages :

Le résultat semble pleinement satisfaisant et inaugure peut-être une nouvelle génération de contenus numériques adaptés aux terminaux tactiles. Pas si sûr, car les coûts de production restent élevés et qu’il faut un circuit de distribution suffisamment large pour pouvoir les amortir. Quand Apple aura écoulé 200 millions d’iPads, le contexte de marché sera nettement plus favorable (d’autant plus si les films interactifs peuvent également être lus sur AppleTV). Mais pour le moment il va falloir faire avec la concurrence pour pouvoir atteindre la masse critique de clients potentiels. Ors, les terminaux concurrents en question sont propulsés par un système d’exploitation beaucoup moins fermé (Android) et permettent surtout de consommer des contenus Flash.

Flash ? Oui tout à fait, Flash pourrait être la solution pour sortir de l’enclave d’iTunes et permettre aux producteurs de diffuser (commercialiser) leurs contenus auprès du plus grand nombre. Nous pourrions ainsi tout à fait imaginer un player universel disponible sur un grand nombre de touchbook permettant de consommer ces contenus avec une gestion fine des DRM, une marketplace et même une communauté.

Vous pourriez me dire que cela ne sert à rien de remplacer un système verrouillé (iTunes / iPad) par un autre système verrouillé (DRM, player semi-propiétaire) mais je vous répondrais que les producteurs y trouveraient sûrement leur compte. L’objectif étant de monétiser des contenus de qualité auprès du plus grand nombre.

Bref, tout ça pour dire que le format touchbook évolue réellement dans le bon sens en s’éloignant des usages propres aux smartphones et en proposant des expériences nouvelles (mais à partir de contenus existants). Offriront-ils une seconde vie aux contenus numériques existants ? Oui certainement, en tout cas les producteurs auraient bien tort de se priver.

]]> http://www.interfacesriches.fr/2011/01/14/une-seconde-vie-pour-les-contenus-digitaux-grace-a-lipad/feed/ 4 Stage Video améliore la performance des vidéos HD dans Flash http://www.interfacesriches.fr/2011/01/05/stage-video-ameliore-la-performance-des-videos-hd-dans-flash/ http://www.interfacesriches.fr/2011/01/05/stage-video-ameliore-la-performance-des-videos-hd-dans-flash/#comments Wed, 05 Jan 2011 10:42:25 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=957 J’ai déjà eu l’occasion de vous parler des différentes annonces d’Adobe (Récapitulatif des annonces pour Adobe MAX 2010) mais je n’ai pas mentionné Stage Video. Il s’agit d’une nouvelle API permettant de faire de l’accélération matérielle pour les vidéos H.264. Traduction : avec le Flash player 10.2, c’est le puce graphique et non le processeur qui va décoder les vidéos HD. C’est donc une très bonne nouvelle car :

Sans trop rentrer dans les détails techniques, Stage Video permet d’envoyer le flux vidéo directement vers la puce graphique sans transiter par le processeur. Vous pouvez tester cette nouveauté en installant la version beta du Flash player 10.2 mais elle n’est pas encore stabilisée (Flash 10.2 disponible en beta avec Stage Video). Sinon vous pouvez regarder cette démonstration publique :

Pour celles et ceux qui veulent aller plus loin, je vous propose de lire attentivement le très bon article de notre Thibault national qui nous explique comment activer et exploiter le Stage Video : Getting started with stage video.

Décidément l’année 2011 pour les équipes d’Adobe va être consacrée à une meilleure exploitation de la puce graphique. L’explication de ce vaste chantier est à mon avis l’arrivée à maturité des terminaux alternatifs : de nombreux nouveaux modèles de touchbooks vont ainsi être dévoilés lors du CES de Las Vegas, mais c’est surtout pour le marché des TV connectées que le Stage Video va être intéressant. Nos ordinateurs sont ainsi largement capables de décoder de la vidéo HD (avec une limitation pour les netbooks) mais les processeurs des TV connectées sont sous-dimensionnés pour ce genre d’opération. D’où la nécessité d’avoir recours à la puce graphique. Les télévisions et boitiers Google TV seront ainsi les premiers équipés de cette nouvelle version. CQFD.

]]> http://www.interfacesriches.fr/2011/01/05/stage-video-ameliore-la-performance-des-videos-hd-dans-flash/feed/ 3 Double vidéo et interactivité sur YouTube avec Nokia et Dexter http://www.interfacesriches.fr/2010/12/02/double-video-et-interactivite-sur-youtube-avec-nokia-et-dexter/ http://www.interfacesriches.fr/2010/12/02/double-video-et-interactivite-sur-youtube-avec-nokia-et-dexter/#comments Thu, 02 Dec 2010 11:03:32 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=923 En ce moment il se passe pas mal de choses intéressantes sur YouTube. Je ne fais pas référence aux vidéos en elles-mêmes, mais plutôt aux différentes expérimentations lancées par les marques. Il y a ainsi eu des campagnes très originales par Nintendo (Wario Land: Shake It), Tipp-Ex (A hunter shoots a bear) ou encore Google avec Chrome Fastball.

Je vous propose maintenant de découvrir la dernière campagne de Nokia France qui propose une vidéo double (ou vidéo augmentée) : My House Party. L’idée est de proposer le visionnage d’une même soirée au travers de la caméra d’un smartphone générique (en l’occurrence un iPhone) et du tout dernier smartphone de Nokia. Les angles de caméra sont les mêmes, mais le visionnage avec le smartphone de la marque fait apparaitre de nouvelles choses (un peu comme cette fameuse publicité pour une vodka dans les années 90).

Vous pouvez basculer d’un smartphone à l’autre avec la petite manette (ici la version normale avec le smartphone générique) :

Vidéo interactive pour Nokia sur YouTube

Et ici la version “augmentée” :

Vidéo interactive pour Nokia sur YouTube

Autre exemple avec la version normale :

Vidéo interactive pour Nokia sur YouTube

Et la même scène avec la version augmentée :

Vidéo interactive pour Nokia sur YouTube

Une idée originale, ludique et bien réalisée.

Dans un autre style, voilà trois ans que la fonction d’annotation a été lancée et que les marques l’exploitent plus ou moins bien (Annotation sur YouTube : opportunités marketing ou spam ?). Nous commençons tout de même à voir des choses assez fun (Top 10 Choose Your Own Adventure Style Interactive YouTube Videos) ainsi que de véritables expériences de marque comme HBO le propose avec cette opération de promotion pour la série Dexter : Dexter Interactive Investigation.

Menez l'enquête avec Dexter sur YouTube

L’idée n’est pas neuve, car Samsung l’avait déjà fait avec la campagne Follow Your INSTINCT, mais je trouve néanmoins intéressant de voir des réalisations toujours plus ambitieuses dans ce domaine. En tout cas nous sommes en plein dans la mouvance “brand content” qui permet aux marques de toucher les cibles différemment, et ça tombe bien, car il est maintenant possible de zapper les publicités en pre-roll : YouTube Launches Skippable and User-Selected Video Ads.

]]> http://www.interfacesriches.fr/2010/12/02/double-video-et-interactivite-sur-youtube-avec-nokia-et-dexter/feed/ 3 L’industrie de la vidéo en ligne témoigne en faveur de Flash http://www.interfacesriches.fr/2010/07/02/lindustrie-de-la-video-en-ligne-temoigne-en-faveur-de-flash/ http://www.interfacesriches.fr/2010/07/02/lindustrie-de-la-video-en-ligne-temoigne-en-faveur-de-flash/#comments Fri, 02 Jul 2010 08:45:27 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=842 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 :

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
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é.

]]> http://www.interfacesriches.fr/2010/07/02/lindustrie-de-la-video-en-ligne-temoigne-en-faveur-de-flash/feed/ 4 Vidéo panoramique interactive pour la série Crash & Burn http://www.interfacesriches.fr/2010/02/23/video-panoramique-interactive-pour-la-serie-crash-burn/ http://www.interfacesriches.fr/2010/02/23/video-panoramique-interactive-pour-la-serie-crash-burn/#comments Tue, 23 Feb 2010 21:13:56 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=774 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
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)
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
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
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.

]]> http://www.interfacesriches.fr/2010/02/23/video-panoramique-interactive-pour-la-serie-crash-burn/feed/ 0 Auto-apprentissage en vidéo et ralentis audio sur EnglishCentral http://www.interfacesriches.fr/2009/12/03/auto-apprentissage-en-video-et-ralentis-audio-sur-englishcentral/ http://www.interfacesriches.fr/2009/12/03/auto-apprentissage-en-video-et-ralentis-audio-sur-englishcentral/#comments Thu, 03 Dec 2009 11:37:52 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=703 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
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
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 ?

]]> http://www.interfacesriches.fr/2009/12/03/auto-apprentissage-en-video-et-ralentis-audio-sur-englishcentral/feed/ 4