Une caméra qui cadre ce que l'on peut lire
· 4 min de lecture

Un film PageToVid ne se contente pas d'enregistrer une page : une caméra virtuelle s'approche de la partie dont parle chaque scène. Parfois, ce zoom sonnait faux, un petit coin de page avec le titre coupé en deux. Nous avons donc mesuré chaque plan et appris à la caméra ce qu'est vraiment un sujet.
Quand un gros plan sacrifie le titre
Le retour était vague et juste : parfois, un film montre un petit coin de la page et ça fait bizarre. Nous l'avons mesuré. Une pub carrée cadrait un bouton Continuer large d'un dixième de l'image, et la caméra montait à son zoom maximal de 1,9x. À ce niveau, seule la moitié de la page tient, la vue se cale sur un bord, et le titre était coupé en plein mot : uality video in minutes.
Un petit élément reçoit désormais du contexte plutôt qu'un gros plan. Sous un sixième de la largeur de l'image, le zoom est limité à 1,35x, ce qui garde environ trois quarts de la page à l'écran. Ce qui désigne le bouton au spectateur, c'est le curseur qui arrive et le clic, pas un zoom qui coupe tout autour. Une carte qui occupe davantage l'image garde son gros plan complet, car c'est pour ce plan-là que le zoom existe.
Des limites qui suivent la taille du sujet
La même erreur avait une seconde forme. Chaque film d'accueil tape une adresse web dans un champ large mais très bas. La caméra lui donnait le zoom complet, le collait au bord inférieur et remplissait le reste de l'image avec un titre rogné. Un sujet de moins d'un dixième de la hauteur de l'image est maintenant limité à 1,45x.
Deux ajustements ont suivi :
- En bas de page. La vue ne peut plus défiler, donc un zoom plus faible pousse le sujet vers le bas, vers le sous-titre, au lieu de le remonter. Les sujets collés au bas gardent toute leur amplitude.
- En douceur, pas par paliers. Nos premières limites étaient des marches : 204 pixels donnaient un zoom, 205 un autre. Ce sont désormais des rampes progressives, et un sujet plus grand d'un pixel donne exactement le même plan.
Viser là où la page se trouve maintenant
Vingt secondes après le début du film d'accueil français, la voix parlait de la galerie sur un recadrage géant du titre principal. En cause, le timing. La position d'un élément se mesure par rapport à la fenêtre visible ; si la page défile avant la fin de la scène, la caméra vise un endroit où se trouve désormais autre chose.
- La position de défilement est enregistrée avec l'élément et revérifiée en fin de scène. Si elle a bougé, la caméra n'utilise pas l'ancienne position.
- Quand un élément restait introuvable, la vue de secours retombait en haut de page toutes les quelques scènes. Elle va désormais vers un endroit que le film n'a pas encore montré.
- Un plan d'ouverture cadre toute la section autour de son sujet, titre compris, et non l'élément seul.
Quand le sujet est plus haut que l'écran
Le cas inverse est arrivé ensuite. Certains sujets mesuraient un écran et demi, voire deux et quart. La caméra ne peut pas dézoomer davantage, et le défilement du navigateur centrait l'élément, ce qui, sur une section d'accueil, revient à montrer le vide entre le titre et les boutons.
La caméra regarde maintenant à l'intérieur. Si le sujet tient, on n'y touche pas. Sinon, nous cherchons le plus grand bloc intérieur qui tient à l'écran et porte un titre, une image ou une vraie phrase, car c'est là que va l'œil du lecteur. S'il n'y a rien de tel, un long mur de texte, nous alignons le haut du sujet sur le haut de l'image, là où commence la lecture. Les clics et la saisie gardent leur élément exact, pour que le curseur appuie toujours au bon endroit.
Une seule bande de sous-titres pour tous
Le dernier correctif était le plus subtil. La caméra plaçait les sujets un peu haut pour dégager le sous-titre incrusté, avec sa propre idée de l'endroit où il se trouve. Le sous-titre, le filigrane et chaque carte en utilisaient une autre, et les deux divergeaient jusqu'à un huitième de l'image. La caméra pouvait donc placer un sujet en partie derrière le sous-titre, en toute confiance.
La bande que la caméra évite est désormais lue sur celle que dessine le sous-titre, une seule fonction pour les deux. Un formulaire sous un titre est cadré avec son titre, et le titre d'une page n'est jamais garé là où va le sous-titre. Le résultat se voit dans les films de notre galerie.
Voyez-le sur votre propre site
Collez une page et obtenez la vidéo commentée dont parle ce blog. La première est offerte.
À lire ensuite


