Un petit tour d’horizon de mon taff, du support sur lequel je bosse. Une astuce en bonus.

La vidéo à la demande, c’est les chaînes Kiosque sur Canal Satellite par exemple. Il s’agit de contenu vidéo qu’on achète via sa télé.

Il existe également le Pay TV qui est un peu différent : l’utilisateur achète un ou plusieurs films (package) pour 24h par exemple, qui tournent en boucle ou sont diffusés à des heures précises sur un canal télé.

Ensuite on trouve les chaînes classiques (Publiques, TNT, Privées, etc).

Mon entreprise propose en fait un logiciel qui équivaut à l’interface de Canal Satellite, avec plus de fonctions, et adapté au client. Le gros des clients sont des hotels luxueux désireux d’installer d’installer une interface télé leur permettant de gérer du contenu, et de proposer à leurs locataires des services tels que “emails”, “internet”, “VoD”, “Pay TV”, “consultation de leur note”, etc, le tout via leur téléviseur.

Mon travail consiste à réaliser le graphisme et à penser l’ergonomie des différents écrans :

• La mosaïque, comme son nom l’indique, il s’agit des chaînes apparaissant en mosaïque,
• L’OSD : ce sont les infos disponible lors de la sélection de la chaîne. Il apparait au dessus de la chaîne visionnée.
• Les écrans annexes : qui sont une déclinaison de la charte graphique globale.

Le support de travail change radicalement du web puisque l’utilisateur l’appréhende via une simple télécommande, et les contraintes techniques et ergonomiques sont nombreuses. C’est un défi permanent de laisser libre court à sa créativité avec autant de contraintes.

Un premier aperçu ?
Impossible de mettre un dégradé s’il dépasse quelques pixels. Les écrans CRT les gèrent très mal. On a droit à un dégradé tout haché, composé de bandes de couleurs tout sauf esthétique.

Un second aperçu ?
Le hardware utilisé dans mon entreprise est stable, pas cher, mais donc limité. C’est à dire que c’est le web d’il y a 10 ans. Oublions le flash, le png, les belles anims, etc. Pour l’écran d’OSD (qui apparait donc par dessus la vidéo), la solution pour utiliser des formes arrondies ou avec des angles autres que 90° en transparent sur fond vidéo, est d’utiliser le format GIF. Cependant, une vidéo, ça bouge, et donc les couleurs changent. Inutile donc d’utiliser une couleur de cache pour cacher ce crénelage inesthétique, il apparaîtra quoiqu’il en soit.

Pour comprendre où est le véritable problème, il vous faut imaginer l’image en grossie.

Dans les 4 cas ci-dessus, les cas 1 et 2 ne poseront pas de problème.
On le voit sur le zoom en dessous :
– les pixels restent fidèles dans le cas 1,
– le cas 2 étant une pente à 45°, les pixels s’arrangent en escalier. L’oeil ne décèlera rien.

Pour les cas 3 et 4, c’est une autre paire de manches.

Les pixels deviennent beaucoup moins réguliers, et les plats se multiplient. La présence de plats sont facilement décelable à l’oeil. C’est pour cette raison que seuls les arrondis en cercle et relativement petits restent cleans. Lorsque l’arrondis se fait plus subtil, le rendu en est d’autant plus dégueulasse. C’est la même chose pour les pentes. Une pente à 90, 45, 22.5, etc reste propre car le rythme est stable. Mais lorsque la pente arbore un angle “batard”, le rendu est médiocre.

La solution que j’ai trouvé, après pas mal de tests, est de “briser” les plats.
Pour ce faire, j’utilise un tramage d’un pixel sur 2, sur 3 ou 4, qui viendra détruire le rythme trop monotone de l’alternance des pixels.

Voici ZE méthode, un peu fastidieuse au début, mais qui a le mérite de fonctionner :

L’oeil est dupé, et l’arrondi fonctionne maintenant sans couleur de cache sur n’importe quel type de fond.

Ce billet est suffisamment long, je le continuerai plus tard ;)