Catégories
Blogs à lire
Archives
Blog
jan
13
Players vidéo en images
Catégorie: Ergonomie | 7 commentaires | 3 198 lectures
Pour garantir un affichage correct d'une vidéo, les éditeurs de contenu se tournent vers les lecteurs en Flash. L'autre avantage est la maîtrise des options ainsi que l'aspect graphique de l'outil. Ci-dessous, j'ai repris quelques observations sur l'offre actuelle. Il sera sans doute intéressant de suivre l'évolution des lecteurs vidéo avec le succès annoncé pour la vidéo en ligne.
Les boutons sont réactifs au survol de la souris, assez gros et espacés confortablement de manière à ne pas « déraper ». Rares sont les libellés puisque suffisamment explicites. Des options supplémentaires sont parfois disponibles mais je doute de leur succès. La paternité du player ne devrait être visible que pour des plateformes qui autorisent de récupérer la vidéo sur son blog. Le réglage du volume est superflu en raison de sa faible efficacité et redondant avec le volume des baffles.
La barre de lecture est un élément omniprésent. Dans la majorité des cas, le lecteur est affiché avant le lancement de l'animation et c'est une bonne pratique puisqu'il informe rapidement l'utilisateur sur la présence d'une vidéo. En lecture normale, le lecteur reste visible à des rares exceptions (Vimeo). Masquer les boutons valorise le contenu mais occulte la ligne du temps souvent utile pour des vidéos courtes et de petites tailles (VPod).
Le chargement du flux visible sur la barre permet de mettre la vidéo en attente pour éviter la lecture saccadée. La durée est présente dans la plupart des cas. La fluidité du taquet de lecture autorise une navigation à travers le film soit de manière très large (Dailymotion) ou plus courte (Winelibrary).
Au niveau des fonctionnalités, WineLibrary tire son épingle du jeu avec un système ingénieux de chapitrage et d'annotations sur la ligne de lecture. Au niveau graphique, peu d'évolution et une envolée pour les boîtes noires ou en niveaux de gris. On imagine dans un futur proche, la possibilité de personnaliser son outil de lecture à la façon des skins sur Winamp. Youtube a déjà commencé à le faire avec la personnalisation des teintes du player.
En vrac, quelques captures d'écran des outils de lecture vidéo. Pour information, la largeur des lecteurs a été adaptée dans un soucis d'homogénéité.
tv.winelibrary.com
fr.intruders.tv
vpod.tv
six35.fr
video.msn.com
www.allocine.fr
www.vimeo.com
www.tetesaclaques.tv
www.neteco.com
www.youmake.tv
www.youtube.com
www.youtube.com - Player personnalisé
vids.myspace.com
www.culturepub.fr
www.dailymotion.com
www.dailymotion.com (version beta)
video.google.fr
www.linternaute.com/video
fr.video.yahoo.com
arretsurimages.net
wiki.france5.fr
www.cnn.com
Face à cette montée en puissance de la vidéo sur internet et des (pseudo) TV en ligne, que restent-ils comme outil pour mettre en place un lecteur vidéo sur son blog ? L'offre est maigre et ne progresse pas. Les utilisateurs lambda préfèrent les plateformes d'échange vidéos: simple, rapide et l'hébergement est assuré par le site en question. En contre partie, vous dépendez du système et vous n'avez aucun contrôle sur la diffusion de vos vidéos.
Avec un hébergement payant et un minimum de connaissances techniques, des lecteurs vidéos libres et gratuits sont à votre disposition. Cela apporte un peu de gaïeté et de l'animation à votre blog. Le player FLV, le DewTube ainsi que le player de Jeroen Wijering (utilisé sur Arte TV) lisent les fichiers FLV. Pour convertir vos vidéos dans ce format, utilisez Riva FLV Encoder.
flv-player.net
www.alsacreations.fr/dewtube
www.jeroenwijering.com
Mise à jour (septembre 2009) — Les outils de lecture dont le contenu est destiné au partage gardent leur sobriété pour une meilleure intégration sur les sites externes. À l'inverse, les entreprises personnalisent les players et les contenus ne sont pas exportables.
www.eatwisconsincheese.com
Ted mise sur l'internationalisation et propose un sous-titrage dans un large choix de langue. Une très bonne idée qui exige un travail conséquent de traduction. L'appel à contribution peut apporter un coup de pouce et une valorisation des participants.
www.ted.com
De plus en plus de sites font apparaître le menu au survol de la souris. La vidéo est dépouillée de son lecteur (à l'exception d'une barre de défilement discrète) et d'icônes +/- larges accompagnées de légende apparaissent par réaction.
www.tetesaclaques.tv
www.vimeo.com
Pour le reste, les fonctionnalités restent sensiblement les mêmes. Même chose pour le design général et les couleurs. De temps à autres, on trouve des players aux couleurs vives et saturées sur un fond en niveau de gris. Il est assez rare de trouver toute l'interface avec des jeux de couleurs assez francs.
tv.winelibrary.com
fr.intruders.tv
www.goosto.fr
www.allocine.fr
www.neteco.com
fr.video.yahoo.com
www.wat.tv
video.on.nytimes.com
www.reuters.com
www.metacafe.com
tv.adobe.com
videos.arte.tv
Mise à jour (20/01/10) — Dailymotion propose d'essayer son nouveau player vidéo en beta pour le moment. Je dois dire que c'est une très bonne nouvelle car je trouve le modèle actuel peu ergonomique et pas très pratique: boutons trop petits, navigation dans la timeline séquentielle. J'observe également une tendance pour un fond en semi-transparence. Il faut bien avouer que ce nouveau design ressemble de très près à ce que fait Vimeo.
www.dailymotion.com - version beta
Mise à jour (28/03/10) — Sur les sites des grandes écoles dont le thème principal est lié aux sciences, à l'ingénierie ou à l'éducation, on trouve un chapitrage de la vidéo sous forme de titres. À l'image d'un DVD, il est possible de se déplacer d'un moment à un autre du film sans charger la vidéo au complet.
www.canal-u.fr
Mise à jour (02/05/10) — Youtube a intégré un nouveau lecteur vidéo dans l'esprit du moment: gros boutons, transparence et effet d'apparition. Contrairement aux autres, le player propose un choix de la qualité d'images: 360p, 480p et 720p pour la HD. On retrouve également une technologie propre à Google, la retranscription automatique de sous-titres (version beta) avec de nombreuses traductions. On connait les limites des services de traduction, mais ils permettent d'appréhender un sujet dans les grandes lignes. Ces systèmes sont amenés à se généraliser pour une question d'archivage, de référencement et de recherche.
www.youtube.com
Mise à jour (14/07/11) — Une énième version de son player. Les responsables ont opté pour un fond en dégradé noir et une barre de progression d'un rouge sang. Les boutons se limitent au strict minimum. Plus bas, en dehors du lecteur, se trouvent d'autres boutons. Le j'aime (ou pas) est propre à Youtube. On trouve également les outils de partage et d'intégration ainsi qu'un diagramme des statistiques. Le bouton Partager fait apparaître une box. Un autre bouton Intégrer déplie les options d'intégration sur un blog. À titre personnel, je trouve l'affichage des informations secondaires assez confus et gagnerait à une meilleure agencement.
www.youtube.com
Mise à jour (27/09/10) — TF1 propose un grand nombre de vidéo en rediffusion. Les émissions sont parfois longues de plusieurs heures. Dans l'exemple ci-dessous, Master Chef dure 2 h 40. Des encarts publicitaires - non skipables - sont intercalés au début de la vidéo. La timeline est morcelée en cinq chapitres. Au survol de la souris, une vignette, un titre et un descriptif apparaissent. C'est plutôt une bonne idée surtout que l'effet est assez fluide et fonctionne bien.
http://videos.tf1.fr/
dewTube, du créateur du dewPlayer permet d'intégrer facilement des vidéos sur internet.
L'axe est basé sur la simplicité. Franchement, il me plait bien ce player.
Ha finalement il est arrivé ce player. Merci pour l'info. Très drôle la vidéo de démo.
Et aussi celui de neolao (sorti bien avant le DewTube) :
http://flv-player.net/
Il est légèrement skinnable et les sources sont disponible.
Ah oui, juste. Je les ajoute.
ps: amusant le pseudo :)
Sinon y'a aussi le composant de base de Flash :
http://www.adobe.com/devnet/fl.....nents.html
Oui mais voila: grace au "brevet eolas", tout cela va générer des ajouts de fenêtres à cliquer. "Sur E7 pour commencer". Il va falloir ajouter du "java script" pour éviter cela !
J'utilise le player du moteur de blog dotclear qui est fourni avec le template de base. Celui-ci est sans encadrement et s'éfface au bout de quelques secondes. Très original et interessant ce billet.