Qu'est-ce que le B-roll ? Les plans de coupe autour de vos images principales, dans un film de site web
Qu'est-ce que le B-roll ? Ce sont les plans de coupe sur lesquels le monteur bascule pendant que la piste principale continue : les mains sur le clavier pendant que l'interviewé parle, la rue pendant que la journaliste explique. La piste principale s'appelle l'A-roll, et le B-roll sert à montrer ce qu'elle ne peut pas montrer.
Ce guide s'adresse à vous si vous faites un court film de votre propre site et qu'on vous conseille « d'ajouter du B-roll » alors que vos images principales sont un enregistrement d'écran.
Nightmare House (une expérience d'horreur dans le navigateur), 16:9, 43 secondes, 73 mots : le screencast du site en A-roll, coupé par deux cartes animées en B-roll, « Visual distortions » et un grand chiffre, 118 BPM.
A-roll et B-roll dans un film de site web
Les deux termes viennent du montage film, quand les images principales et les images d'illustration tenaient sur deux bobines distinctes. Dans un film tiré d'une page web, la répartition est nette.
L'A-roll, c'est le screencast. Nous ouvrons votre page dans un vrai navigateur et la filmons pendant que la caméra va vers ce dont parle la voix : le champ de recherche, la grille tarifaire, le bouton. La voix off est une seule prise continue posée sur tout le film ; elle joue le rôle que tient l'interview dans un documentaire.
Le B-roll, c'est chaque scène qui n'est pas la page. Il couvre ce qu'une page ne sait pas montrer : le problème avant votre produit, une émotion, un chiffre qui n'est pas à l'écran, un son.
| B-roll | Ce que c'est | Coût | Pour quoi faire |
|---|---|---|---|
Carte animée | Une scène dessinée à partir du script : affirmation, grand chiffre, frise, liste à cocher, citation… (voir les visuels de scène) | Compris dans le rendu, toutes offres | Chiffres, listes, promesse, phrase de fin |
Image IA | Une image générée, animée par la caméra | 40 crédits l'unité, offres payantes | Une personne, un lieu, la situation « avant » (images IA) |
Clip IA | Quelques secondes de vidéo générée. Le clip maison fait 8 s en 720p, avec le son ; un modèle nommé est facturé sur devis | 311 crédits pour le clip maison, offres payantes | L'accroche, une transformation, un moment humain |
Vos propres images | Une image ou une vidéo que vous importez à la place du visuel d'une scène | Pas de coût de génération | Un vrai tournage, une photo produit, un événement |
Exemple concret : Nightmare House en 43 secondes
Ce film a été réalisé à partir de nightmare-house-vercel.vercel.app, une expérience d'horreur psychologique qui se joue dans le navigateur. Il dure 43 secondes en 16:9, compte 73 mots prononcés, et tout son B-roll est fait de cartes animées : aucune image IA, aucun clip IA.
Il s'ouvre sur la carte titre, puis une carte d'affirmation, « Dare to enter », sous la première phrase : « Feeling brave enough for 6 anomalies? » Ensuite l'A-roll prend le relais. Le screencast reste sur la page d'accueil sombre du site, son avertissement « casque recommandé » et le bouton « Enter if you dare » pendant que la voix décrit l'enquête.
Au milieu, pendant une dizaine de secondes, le film coupe deux fois. D'abord une carte « Visual distortions » sous la phrase sur les distorsions visuelles. Puis une carte grand chiffre, 118 BPM, titrée « Intense audio », sous « Low-frequency audio builds suspense ». Ce chiffre figure sur le site lui-même, dans son indicateur de fréquence de pouls : la carte est ancrée dans la page. Le screencast revient, le curseur va au bouton, et la carte de fin reprend « Enter if you dare ».
Pourquoi ces plans de coupe fonctionnent : un screencast ne peut pas montrer un son. Le principal argument du site, son ambiance sonore, serait resté invisible dans un simple enregistrement d'écran ; la carte grand chiffre transforme un son en image. C'est tout le rôle du B-roll, en un exemple.
Ce qu'une offre payante ajouterait : un clip IA sur l'accroche, par exemple un lent travelling dans un couloir sombre, avant la première image du site. C'est le seul moment où une image en mouvement justifie son prix ; le reste est juste tel quel.
À l'opposé, notre propre film Made by Seedance (29 secondes) n'est que du B-roll : trois clips générés d'un bureau, une frise, une carte titre, et aucun screencast. Il fonctionne comme teaser de marque, jamais comme démo. La façon dont ces clips ont été décrits et chiffrés est dans clips vidéo IA et B-roll.
Prévoir les plans de coupe d'un film de site web
La plupart des films faits à partir d'une URL reçoivent leurs cartes du storyboard, automatiquement. Planifier le B-roll vous-même vaut la peine quand vous écrivez le script, ou quand un premier rendu ressemble à un long défilement.
Repérez ce que la page ne montre pas
Relisez le script phrase par phrase. Chaque fois qu'une phrase parle de quelque chose qui n'est pas sur la page (le problème, une émotion, un son, un résultat dans la vie du client), notez-la comme candidate au B-roll. Tout le reste reste sur le screencast.
Choisissez l'image la moins chère qui porte l'idée
Un chiffre ou une liste, c'est une carte animée. Une personne ou un lieu, une image IA. Gardez le clip IA pour les moments où le mouvement est le message : l'accroche, un changement dans le temps, une réaction. Si vous avez de vraies images de votre équipe ou de votre boutique, importez-les plutôt.
Gardez la page à l'écran
Pour un film sur un site, au moins la moitié des scènes doivent être des enregistrements de la page (une sur quatre en 9:16). Si votre liste de B-roll dépasse ce seuil, supprimez des cartes plutôt que des scènes filmées.
Chiffrez avant de générer
Dans un assistant, list_models et quote_cost sont gratuits et donnent le coût avant toute dépense ; un budget IA plafonne le nombre de clips et d'images qu'un film peut générer. Un film de 45 secondes avec un clip maison et deux images coûte un rendu (40 crédits), plus 311 crédits pour le clip, plus 40 crédits par image.
Sur l'offre gratuite, le B-roll se fait en cartes animées ; les images et clips IA commencent avec les offres payantes, détaillées sur la page tarifs. Le premier film de chaque site est gratuit, avec un petit badge et sans visuels IA.
Pourquoi pas de banque d'images
Beaucoup d'outils qui transforment une URL en vidéo illustrent le script avec des clips de banque d'images. Pictory, par exemple, annonce les bibliothèques Getty Images et Storyblocks sur ses offres payantes (voir PageToVid ou Pictory). Pour un article abstrait, c'est souvent la bonne image.
Pour un site web, c'est la mauvaise. Un plan d'archive de gens souriants devant un ordinateur pourrait figurer dans n'importe quel film, et le spectateur le reconnaît. Quand une scène a besoin d'une image que la page n'a pas, nous en générons une pour cette phrase, nous dessinons une carte à partir de vos chiffres, ou nous utilisons vos propres images : chacune est propre à votre film.
Les erreurs qui font passer le B-roll pour du remplissage
- Des images générées de votre produit. Un clip IA « de notre tableau de bord » montre un tableau de bord que vous n'avez jamais construit. Le produit, c'est l'A-roll : filmez la vraie page.
- Le B-roll en papier peint. Un plan de coupe sous une phrase qui cite un bouton cache le bouton. Coupez quand la voix quitte la page, pas avant.
- Trop de B-roll. Un film fait surtout de cartes et de clips ressemble à une publicité pour un produit que personne ne voit. Le guide transformer un site web en vidéo dit ce que le screencast doit couvrir.
- Du texte et des logos dans les images générées. Les modèles vidéo sont faibles sur le texte lisible et les marques. Demandez « sans texte, sans logo » et mettez les mots dans une carte.
- Un clip là où une image suffit. Un clip coûte plusieurs fois une image. Si rien ne doit bouger dans le plan, l'image est le meilleur choix.
Quand ne pas utiliser PageToVid pour le B-roll
Si votre film est par nature fait de B-roll, comme un film d'ambiance de marque, un sujet de fond sans rien à filmer ou un résumé d'actualité, un éditeur adossé à une banque d'images convient mieux : Pictory ou InVideo mettent de grandes bibliothèques derrière chaque scène. Si votre A-roll est une personne, comme l'interview d'un fondateur ou le témoignage d'un client, il vous faut une caméra et un monteur, et des plans de coupe tournés le jour même par un vidéaste s'accorderont toujours mieux qu'une image générée. PageToVid sert les films où le site est l'A-roll ; voir site web en vidéo.
Transformez votre site en vidéo — gratuitement
Collez la page à filmer. PageToVid écrit le script, filme le vrai site, enregistre la voix et livre le MP4.
Questions fréquentes
Quelle est la différence entre A-roll et B-roll ?
L'A-roll est la piste principale qui porte le récit : une interview, un présentateur ou, dans un film de site web, l'enregistrement d'écran de la page. Le B-roll regroupe les plans de coupe qui montrent ce que l'A-roll ne peut pas montrer.
Un enregistrement d'écran, c'est de l'A-roll ou du B-roll ?
Cela dépend du film. Dans une vidéo face caméra, l'enregistrement d'écran est du B-roll. Dans un film sur un site ou une application, c'est l'A-roll, et les cartes, images et clips autour forment le B-roll.
PageToVid utilise-t-il des banques d'images ?
Non. Le B-roll d'un film PageToVid est une carte animée tirée de votre script, une image ou un clip IA générés pour la scène sur une offre payante, ou des images que vous importez vous-même.
Peut-on ajouter du B-roll avec l'offre gratuite ?
Oui, sous forme de cartes animées (affirmations, grands chiffres, frises, listes) et d'images ou de vidéos que vous importez dans une scène. Les images et clips générés par IA demandent une offre payante ou un pass film, premier film compris.