Avec l’explosion de l’ère « Youtube » de la vidéo sur internet, les fonctionnalités de lecture, recommandation, ou d’édition sont apparues de plus en plus nombreuses et présentes. Les outils placés dans la page web autour de la vidéo, grâce au flash, sont petit à petit rentrés dans le flash, créant de nouvelles possibilités d’interactions.

Je ne parlerais pas des plateformes vidéos qui utilisent le windows media ou le quicktime, l’interaction dans une vidéo étant absolument nul. Il ne sera pas question non plus de JumpCut ou de Cuts qui permettent l’édition en ligne. Mon billet se limite donc à ce que l’on peut faire dans une vidéo.

Voici donc le sommaire :
- L’interaction à la fin des vidéos
- La publicité et le watermark
- Le click droit, une option bien souvent oubliée
- Les outils de recommandation
- La gestion du survol de la souris sur la vidéo
- Les playlist dans la vidéo
- Le cas Gaspanik
- Le cas Vpod.tv
- Le cas Brainsonic
- Le cas Viddler
- Le cas MotionBox
- Le cas BublePly, Mixpo et coull.tv
- Sous-titrage multi-lingue de vidéos : DotSub
- Conclusion

L’interaction à la fin des vidéos
Lorsqu’une vidéo se termine, rien de plus déprimant qu’un écran noir. Le show est terminé. Retournez d’où vous venez. Les plateformes de vidéo ont rajouté de petites fonctionnalités permettant de recommander la vidéo vue, de la revoir, de la partager, de la recommander, chose que l’on pouvait avoir déjà autour du lecteur ou dans la page web, mais l’utilisation de cet espace d’attente de la part de l’utilisateur l’incite fortement à ‘consommer’ plus. Voyons les usages les plus courants.

Exemple de clipshack, qui propose les fonctionnalités les plus basiques, d’interaction dans une vidéo.

Kewego, c’est plutôt « on ne peut pas le rater », avec des boutons énormes verts pomme.

Metacafe, se fait remarquer par une occupation totale de l’espace de la vidéo une fois celle-ci terminée.

Zippyvideos propose la même chose à la fin des vidéos.

Idem pour LiveVideo. Cela en devient même monotone.

Youtube n’est pas en reste avec le même type de possibilité. Le petit plus est le temps de rechargement des vidéos suivantes où l’on vous en propose de nouvelles toutes les 10 secondes environ.

Rien d’original pour wat.tv, hormis un tout petit détail tout en bas du lecteur : la possibilité de lire en boucle la vidéo. Hé, il fallait y penser, je ne l’ai vu nulle part ailleurs.

La publicité et le watermark
Quelques exemples anecdotiques de publicité dans les vidéos. Le type le plus connu et le plus horrible étant celui où pour voir une vidéo, il faut attendre qu’une publicité de 15 à 30 secondes soit terminée.

Certains comme Revver n’hésitent pas à y insérer de la publicité à la fin de la vidéo.

D’autres sont plus aggressifs dans le genre. Adbrite propose d’insérer son logo sur une vidéo youtube, ainsi qu’une pub en haut de l’écran. L’interaction est minime car elle ne concerne que l’habillage.

Le click droit, une option bien souvent oubliée
Fonctionnalitée indispensable pour un navigateur web, le flash permet aussi de rajouter des fonctions au click droit. Ce sont bien souvent des contrôles sur la lecture qui sont implémentés. Cela tombe sous le sens, mais très peu le mettent en place.

Metacafe propose une timide option d’envoyer la vidéo à un ami. Peut mieux faire.

Sharkle est moins timide, même si les fonctionnalités sont limitées.

Vpod donne au click droit son rôle : play/pause, fullscreen, menu, et about us. Rien à redire.

Les outils de recommandation
Presque toutes les plateformes prennent en charge des outils de recommandation ou de player déporté, mais je resterais sur un seul exemple : celui de Yourminis et son player.

Parlons du cas Yourminis, la plateforme RIA / WebOS qui permet d’embbeder des vidéos avec des players personnalisés.

La vidéo est issu de Youtube, mais elle est embarquée dans un autre player, qui propose un mashup avec digg, où l’on retrouve les commentaires des utilisateurs sur cette même vidéo. De plus, un bouton permet de retrouver le lien vers la vidéo originale, mais ce sont dans les options du player que l’on retrouve le plus de possibilités.

Copy to desktop (format Apollo), friendster, Hi5, Typepad, piczo, myspace, blogger… les liens pour rappatrier la vidéo chez soi présentés en carroussel sont vraiment très nombreux. Peu d’autres fonctionnalités pour l’instant.

La gestion du survol de la souris sur la vidéo

Le focus d’un élement vidéo avec la souris est important, même s’il est pas indispensable. C’est instaurer deux états pour l’internaute : passif (la souris hors de la vidéo), ou actif (l’utilisateur cherche à cliquer sur la vidéo pour la contrôler ou avoir plus d’infos, et donc, le lecteur va lui proposer plus d’élements de contrôle).

Stickam mise sur le contrôle de la vidéo au survol. Option pratique qui évite d’être perturbé lorsque l’on visionne la vidéo. Un détail à relever : les contrôles play, stop/pause, se trouvent à droite, ce qui n’est pas le cas de 98% des lecteurs.

Le vrai streaming étant très très rare à l’heure actuelle, nous avons droit à du téléchargement progressif (le lecteur lit ce qu’il a pu télécharger). Certains l’utilisent à bon escient, au lieu de créer une simple barre qui avance, ou un pourcentage de buffering. Exemple avec daum, site coréen, où la progression au survol est renforcée visuellement par la vidéo découpée en vignettes avec l’affichage de ce qui est disponible ou non (loading…).

Les playlist dans la vidéo

La question de la playlist : dans la page web ou bien dans le player flash ? Bon nombre décident de gérer directement la playlist dans le lecteur. Beaucopu de plateforme ont l’air de le considérer comme un passage obligé. Playlist de vidéos connexes à partir des tags de celle consultées ou playlist personnalisée, en voici quelques exemples intéressants :

Livevideo même mis une playlist de vidéos connexes au survol de la vidéo, mais de manière totalement non intuitive, il faut vraiment passer la souris en haut à droite de l’écran pour faire apparaitre ce menu

Eyeka propose de créer des playlists avec aussi bien des images que des vidéos, les images tournant en fondu. Système de navigation de playlist dans la vidéo en vertical.

De même que scroon qui propose une playlist verticale.

Veoh propose la même chose mais en horizontal. Je pense que l’horizontal est meilleur en terme d’ergonomie mais c’est plus une question de goût personnel : meilleur pour la visibilité des vignettes mais difficile à organiser pour la lecture d’informations supplémentaires.

Sevenload propose une très grande souplesse du player et des playlists. La fonction plein écran en flash 9 est quand même impresionnante, il faut voir la mosaique complète des vidéos qui sont proposées, pour comprendre à quel point on arrive petit à petit à de vrais systèmes d’exploration plein écran et interactifs.

Le cas Gaspanik

Gaspanik propose outre les outils de recommandation les plus courants : télécharger la vidéo dans différents formats ou commenter avec une webcam, ce sont quasiment les seuls que j’ai pu voir qui gèrent le compte utilisateur directement dans la vidéo. Ce compte utilisateur va gérer les messages, les crédits de sms, les vidéos favorites etc…

Le cas Vpod.tv

Vpod.tv : Je resterais un peu sur cette plateforme car elle est vraiment bien réalisée et fourmille de petits détails. Non content de rajouter en permanence les dernières fonctionnalités possibles avec du flash 9 (exemple avec le fullscreen), ils ont construit une réelle interaction à l’intérieur de la vidéo qui se rapproche d’une véritable télévision sur internet.

Rodrigo Sepulveda et son équipe ont développé toutes les interactions utiles, en les maximisant dans l’espace de la vidéo de manière ergonomique : video fullscreen au doubleclick, flux rss, digg, scoope, Itunes, Digg, envoyer à un ami, et le choix des langues du player (fonction que je n’ai jamais vu ailleurs quasiment jusque là.)

Ils ont la particularité de proposer une interface plein écran, et là encore, ils montrent leur maitrise du format :
non contents de rajouter les fonctionnalités déjà existantes sur les formats des players déportés, ils ont mis en place des systèmes de playlists par catégorie. (J’ai vu passer un contrôle de la lecture qui manquait jusque là à mon avis, mais impossible de le retrouver.)

Dans le même style de navigation plein écran, on peut trouver aussi http://www.neave.tv/ mais la plateforme derrière n’est pas aussi poussée. Toutefois, l’interface de navigation dans les vidéos catégorisées est la même que celle de vpod.

Dans le même genre aussi, il y a Tivipro mais je ne sais pas s’ils utilisent vpod en marque blanche, ou bien s’ ils utilisent un autre système, en tout cas, les outils en haut à gauche sont très similaires (edit : dans leur ergonomie), même si quelques informations sont supplémentaires, et propres à la plateforme de tivipro : nom de l’intervenant, fonction etc… ce qui peut justifier aussi une personnalisation technique plus grande en fonction de son sujet.

Une chose qui semble ne pas mettre d’accord tout le monde : dans les exemples précédents, la vidéo s’adapte à la taille de l’écran mais n’est pas contrainte à un rapport 4:3 ou 16:9. Cela a pour effet par exemple sur un écran d’ordinateur portable en 16:9 d’avoir toutes les vidéos déformées. (mais plein écran, certes…). Dailymotion d’un autre côté a décidé de respecter le ratio de l’image en mode plein écran, même si cela a pour effet de créer des bandes noires sur les côté de l’écran.

Le cas Brainsonic

Entreprise francaise tout comme vpod.tv, brainsonic propose aussi bien des players déportés, que des players rich media (retransmission de conférence avec synchroslides), qu’une plateforme complète en flash de gestion. Un des exemples les plus probants est le format webtv de decideurs.tv.

Playlist, mise en avant de certaines vidéos, exploration par thématiques… La gestion est vraiment poussée, même si je trouve la taille de la vidéo grand format encore un peu petite. Ils se sont développés sur le créneau bien particulier du Rich Media avec les chapitrages de la vidéo à côté du player, et les synchronisations d’éléments avec la vidéo. Leur plus en terme de diffusion : une sorte de streaming php, qui, un peu à l’instar de vpod, reste très rare à l’heure actuelle. Ce sont quasiment les seuls à permettre d’atteindre la fin de la vidéo sans avoir téléchargé le début. (reste les solutions de diffusion en flash server, mais coûteuses).

exemple de retransmission rich media avec chapitres, vidéo, et slides…

Je ne citerais pas d’autres exemples de formats rich media, car même s’il y a quelques autres acteurs, les fonctionnalités en sont pas bien différentes ou moins poussées.

Le cas Viddler

Regardez cette interview de Roo Reynolds, metaverse evangelist chez IBM (en plus d’être très intéressante, Roo est quelqu’un de super sympa. Rencontré en janvier, et j’en suis vraiment fan depuis : D ). On commence à rentrer dans des interactions intéressantes : chacun peut tagger la vidéo, ou déposer un commentaire à n’importe quel moment de la vidéo. Chaque commentaire est signalé sur la barre de progression par des petits marqueurs. Ce type de fonctionnalité permet d’approfondir complètement un débat, et de rentrer dans le contenu de manière interactive.

Le cas MotionBox

Motionbox propose de suivre la progression d’une vidéo par vignettes. Mais ce n’est pas tout. Chaque vidéo peut être découpée en séquences, mais on peut aussi envoyer un passage bien précis à quelqu’un. Exemple : j’ai une interview avec un passage vraiment intéressant pour un ami, je vais lui envoyer le passage de la vidéo, et non la vidéo toute entière. Le découpage en séquences de la vidéo va me permettre de réaliser un montage en ligne de plusieurs séquences issues de vidéos différentes.

Il est possible aussi de tagger une séquence de la vidéo, comme pour viddler.

Le cas BublePly, Mixpo et coull.tv

Plateforme originale : BublePly permet d’insérer dans une vidéo une bulle de texte : personnalisation de la taille, de la position, de la couleur, gestion précis du timing, et possibilité d’insérer un lien. Options puissantes pour les développements marrants. A noter que les vidéos peuvent être rappatriées de Youtube. On peut y ajouter des sous-titres, des animations prédéfinies, ou bien même des images en un temps donné. Pour un service en ligne, c’est véritablement sans doute le service le plus poussé en terme de Rich Media. A voir par contre les utilisations sérieuses de ce type d’outil, certains préférant construire leur propres outils de communications plus habillés en fonction de leur besoin.

Pixpo.com/ parvient à quelque chose de vraiment intéressant : playlist dans le player, et combinaison de textes, audios, images, et vidéos dans un même contenu, selon une timeline définie par l’utilisateur avec une application qu’il faut installer sur son pc. Bien pensé, mais pas pratique. Enorme toutefois en terme d’interaction. (Pixpo est devenu mixpo d’ailleurs)

Voir ici l’interface de sous-titrage de la vidéo.

Coull.tv est moins évolué, mais permet de créer aussi des zones réactives sur une vidéo : lien, informations, etc… Je trouve la fonctionnalité quand même limitée et peu personnalisable.

Sous-titrage multi-lingue de vidéos : DotSub

A l’heure d’internet et de l’absence de frontières, très peu de plateformes s’intéressent au sous-titrage de vidéos. Il faut dire que l’opération est laborieuse et très longue : timer, traduire, corriger… mais c’est le pari de DotSub.

J’en avais déjà parlé, mais il mérite amplement sa place ici : gestion de sous-titre dans la vidéo, en multilingue, et de manière collaborative.

Conclusion :

Les lecteurs flash permettent de gérer non seulement la vidéo, mais d’interagir avec : de plus en plus dans la vidéo (tags, bulles, sous-titrages..), mais aussi avec toutes les vidéos entre elles (montage de séquences, playlist…). Quelques fonctions relevant de l’ergonomie (click droit, double click…) et du confort utilisateur (plein écran..), ainsi que de la viralité (recommandation).

J’ai fait environ 70 plateformes de vidéo pour ne garder que les plus intéressantes. Il m’en manque bien sûr, n’hésitez pas à me les soumettre. De même que les thèmes, mon sommaire est certainement incomplet. Je n’ai pas pu tester Moblr en fatal error de php, impossible d’ouvrir une vidéo. Dommage. Je n’ai pas fait non plus le tour complet des plateformes réalisées en interne, le développement technique pour un type d’utilisation ou une thématique bien particulière peuvent amener aussi à des usages bien spécifiques qui peuvent être tout à fait captivants.

Il reste l’affrontement de deux mastodontes : la vidéo sous l’Adobe Media Player et Silverlight. Je suis curieux de voir ce que va faire Microsoft, et de même que Adobe en terme d’avancées sur la vidéo. La HD pointe aussi son nez. C’est aussi une avancée majeure qu’il faudra prendre en compte, à mettre en rapport avec la qualité d’encodage déplorable de Youtube.

Edit 1 & 2 : correction de Tivipro et rajout de Gaspanik que j’avais oublié dans le lot.