Zum Hauptinhalt springen

Was ist B-Roll? Schnittbilder rund um dein Hauptmaterial, im Video deiner Website

Von Gauthier Bros, Gründer von PageToVidAktualisiert am 6 Min. Lesezeit

Was ist B-Roll? Es sind die Schnittbilder, auf die der Cutter wechselt, während die Hauptspur weiterläuft: Hände auf der Tastatur, während der Interviewpartner spricht, die Straße, während die Reporterin erklärt. Die Hauptspur heißt A-Roll, und B-Roll zeigt, was die A-Roll nicht zeigen kann.

Dieser Guide ist für dich, wenn du ein kurzes Video deiner eigenen Website machst und hörst, du sollst „noch B-Roll einbauen“, obwohl dein Hauptmaterial eine Bildschirmaufnahme ist.

Nightmare House (ein Horror-Erlebnis im Browser), 16:9, 43 Sekunden, 73 gesprochene Wörter: der Screencast der Website als A-Roll, unterbrochen von zwei animierten Karten als B-Roll, „Visual distortions“ und einer großen Zahl, 118 BPM.

Aus nightmare-house-vercel.vercel.app mit PageToVid gemacht und von seinem Autor veröffentlicht. Auf seiner Seite ansehen → · Alle öffentlichen Filme ansehen →

A-Roll und B-Roll im Video einer Website

Die Begriffe stammen aus dem Filmschnitt, als Haupt- und Ergänzungsmaterial auf zwei getrennten Rollen lagen. In einem Film aus einer Webseite ist die Aufteilung klar.

Die A-Roll ist der Screencast. Wir öffnen deine Seite in einem echten Browser und filmen sie, während die Kamera zu dem fährt, wovon der Sprecher redet: Suchfeld, Preistabelle, Button. Die Sprecherstimme ist eine einzige durchgehende Aufnahme über den ganzen Film und übernimmt die Rolle, die im Dokumentarfilm das Interview hat.

B-Roll ist jede Szene, die nicht die Seite ist. Sie deckt ab, was eine Seite nicht zeigen kann: das Problem vor deinem Produkt, ein Gefühl, eine Zahl, die nicht auf dem Bildschirm steht, einen Klang.

Die B-Roll-Arten in einem PageToVid-Film
B-RollWas es istKostenWofür

Animierte Karte

Eine gezeichnete Szene aus dem Skript: Aussage, große Zahl, Zeitleiste, Checkliste, Zitat und mehr (siehe die Szenen-Visuals)

Im Render enthalten, jeder Tarif

Zahlen, Listen, ein Versprechen, der Schlusssatz

KI-Bild

Ein generiertes Bild, das die Kamera bewegt

40 Credits pro Bild, bezahlte Tarife

Eine Person, ein Ort, der Vorher-Zustand (KI-Bilder)

KI-Clip

Ein paar Sekunden generiertes Video. Der Haus-Clip dauert 8 s in 720p, mit Ton; ein benanntes Modell wird nach Angebot berechnet

311 Credits für den Haus-Clip, bezahlte Tarife

Der Einstieg, eine Verwandlung, ein menschlicher Moment

Eigenes Material

Ein Bild oder Video, das du hochlädst und das das Bild einer Szene ersetzt

Keine Generierungskosten

Ein echter Dreh, ein Produktfoto, ein Event

Praxisbeispiel: Nightmare House in 43 Sekunden

Dieser Film entstand aus nightmare-house-vercel.vercel.app, einem psychologischen Horror-Erlebnis, das im Browser läuft. Er dauert 43 Sekunden im Format 16:9, hat 73 gesprochene Wörter, und sein gesamtes B-Roll besteht aus animierten Karten: kein KI-Bild, kein KI-Clip.

Er beginnt mit der Titelkarte, dann folgt eine Aussagekarte, „Dare to enter“, unter dem ersten Satz: „Feeling brave enough for 6 anomalies?“ Danach übernimmt die A-Roll. Der Screencast bleibt auf der dunklen Startseite, ihrem Kopfhörer-Hinweis und dem Button „Enter if you dare“, während die Stimme die Untersuchung beschreibt.

In der Mitte schneidet der Film für etwa zehn Sekunden zweimal weg. Zuerst eine Karte „Visual distortions“ unter dem Satz über visuelle Verzerrungen. Dann eine Karte mit großer Zahl, 118 BPM, betitelt „Intense audio“, unter „Low-frequency audio builds suspense“. Diese Zahl steht auf der Website selbst, in ihrer Pulsanzeige; die Karte stammt also aus der Seite. Dann kehrt der Screencast zurück, der Cursor geht zum Button, und die Schlusskarte wiederholt „Enter if you dare“.

Warum diese Schnittbilder funktionieren: Ein Screencast kann keinen Klang zeigen. Das wichtigste Argument der Website, ihr Sound, wäre in einer reinen Bildschirmaufnahme unsichtbar geblieben; die Zahlenkarte macht aus einem Klang ein Bild. Genau das ist die Aufgabe von B-Roll.

Was ein bezahlter Tarif ergänzen würde: einen KI-Clip für den Einstieg, etwa eine langsame Fahrt durch einen dunklen Flur, vor dem ersten Bild der Website. Das ist der eine Moment, in dem bewegtes Bild seinen Preis wert ist; der Rest passt so.

Das Gegenstück ist unser eigener Film Made by Seedance (29 Sekunden), der nur aus B-Roll besteht: drei generierte Clips eines Schreibtischs, eine Zeitleiste, eine Titelkarte, kein Screencast. Als Marken-Teaser funktioniert er, als Demo nie. Wie diese Clips beschrieben und kalkuliert wurden, steht in KI-Videoclips und B-Roll.

So planst du die Schnittbilder für ein Website-Video

Die meisten Filme aus einer URL bekommen ihre Karten automatisch aus dem Storyboard. Selbst planen lohnt sich, wenn du das Skript schreibst oder ein erster Render wie ein langes Scrollen wirkt.

  1. Markiere, was die Seite nicht zeigt

    Lies das Skript Satz für Satz. Wo ein Satz von etwas spricht, das nicht auf der Seite steht (das Problem, ein Gefühl, ein Klang, ein Ergebnis im Alltag des Kunden), markierst du ihn als B-Roll-Kandidaten. Alles andere bleibt im Screencast.

  2. Nimm das günstigste Bild, das die Aussage trägt

    Eine Zahl oder Liste ist eine animierte Karte. Eine Person oder ein Ort ein KI-Bild. Den KI-Clip hebst du dir für Momente auf, in denen Bewegung die Botschaft ist: Einstieg, Veränderung über Zeit, eine Reaktion. Hast du echtes Material von deinem Team oder Laden, lade es hoch.

  3. Lass die Seite im Bild

    Bei einem Film über eine Website sollte mindestens die Hälfte der Szenen Aufnahmen der Seite sein (in 9:16 jede vierte). Sprengt deine B-Roll-Liste diese Grenze, streich Karten statt gefilmter Szenen.

  4. Rechne vor dem Generieren

    Im Assistenten sind list_models und quote_cost kostenlos und nennen den Preis, bevor etwas ausgegeben wird; ein KI-Budget begrenzt, wie viele Clips und Bilder ein Film erzeugen darf. Ein 45-Sekunden-Film mit einem Haus-Clip und zwei Bildern kostet einen Render (40 Credits), plus 311 Credits für den Clip, plus 40 Credits pro Bild.

Im kostenlosen Tarif sind animierte Karten dein B-Roll; KI-Bilder und -Clips beginnen mit den bezahlten Tarifen, die du unter Preise findest. Der erste Film jeder Website ist kostenlos, trägt aber ein kleines Badge und hat keine KI-Visuals.

Warum es kein Stock-Footage gibt

Viele Tools, die aus einer URL ein Video machen, bebildern das Skript mit Stock-Clips. Pictory etwa nennt die Bibliotheken von Getty Images und Storyblocks in seinen bezahlten Tarifen (siehe PageToVid vs. Pictory). Für einen abstrakten Artikel ist das oft das passende Bild.

Für eine Website ist es das falsche. Ein Stock-Clip lächelnder Menschen am Laptop könnte in jedem Film stecken, und Zuschauer erkennen ihn. Braucht eine Szene ein Bild, das die Seite nicht hat, generieren wir eins für genau diesen Satz, zeichnen eine Karte aus deinen Zahlen oder nehmen dein eigenes Material: Jedes davon gehört nur zu deinem Film.

Fehler, durch die B-Roll wie Füllmaterial wirkt

  • Generierte Bilder deines Produkts. Ein KI-Clip „unseres Dashboards“ zeigt ein Dashboard, das du nie gebaut hast. Das Produkt ist A-Roll: Film die echte Seite.
  • B-Roll als Tapete. Ein Schnittbild unter einem Satz, der einen Button nennt, verdeckt den Button. Schneide weg, wenn die Stimme die Seite verlässt, nicht vorher.
  • Zu viel davon. Ein Film aus fast nur Karten und Clips wirkt wie Werbung für ein Produkt, das niemand sieht. Was der Screencast abdecken sollte, steht in aus einer Website ein Video machen.
  • Text und Logos in generierten Bildern. Videomodelle sind bei lesbarem Text und Marken am schwächsten. Bitte um „kein Text, keine Logos“ und setz die Worte auf eine Karte.
  • Ein Clip, wo ein Bild reicht. Ein Clip kostet ein Vielfaches eines Bildes. Muss sich im Bild nichts bewegen, ist das Bild die bessere Wahl.
Wann nicht

Wann du PageToVid nicht für B-Roll nutzen solltest

Besteht dein Film von Natur aus aus B-Roll, etwa ein Marken-Stimmungsfilm, ein Fachthema ohne etwas zu filmen oder eine Nachrichtenzusammenfassung, passt ein Editor mit Stock-Bibliothek besser: Pictory oder InVideo stellen große Bibliotheken hinter jede Szene. Ist deine A-Roll ein Mensch, etwa ein Gründerinterview oder ein Kundenstatement, brauchst du Kamera und Cutter, und Schnittbilder, die ein Videograf am selben Tag dreht, passen immer besser als alles Generierte. PageToVid ist für Filme, in denen die Website die A-Roll ist; siehe Website zu Video.

Verwandle deine Website in ein Video — kostenlos

Füge die Seite ein, die gefilmt werden soll. PageToVid schreibt das Skript, filmt die echte Website, vertont sie und liefert das MP4.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

Häufige Fragen

Was ist der Unterschied zwischen A-Roll und B-Roll?

Die A-Roll ist das Hauptmaterial, das die Geschichte trägt: ein Interview, ein Moderator oder, im Film einer Website, die Bildschirmaufnahme der Seite. B-Roll sind die Schnittbilder, die zeigen, was die A-Roll nicht zeigen kann.

Ist eine Bildschirmaufnahme A-Roll oder B-Roll?

Das hängt vom Film ab. In einem Video mit Sprecher vor der Kamera ist die Bildschirmaufnahme B-Roll. In einem Film über eine Website oder App ist sie die A-Roll, und Karten, Bilder und Clips drumherum sind das B-Roll.

Nutzt PageToVid Stock-Footage?

Nein. B-Roll in einem PageToVid-Film ist eine animierte Karte aus deinem Skript, ein KI-Bild oder KI-Clip, der in einem bezahlten Tarif für diese Szene generiert wird, oder Material, das du selbst hochlädst.

Kann ich im kostenlosen Tarif B-Roll einbauen?

Ja, als animierte Karten wie Aussagen, große Zahlen, Zeitleisten und Checklisten, und als Bilder oder Videos, die du in eine Szene hochlädst. KI-generierte Bilder und Clips brauchen einen bezahlten Tarif oder einen Filmpass, auch beim ersten Film.