Zum Hauptinhalt springen

Was ist ein Screencast? Bildschirmaufnahme, Screenshot-Video und automatischer Screencast

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

Was ist ein Screencast? Ein Video von Software oder einer Website im Einsatz: Der Mauszeiger bewegt sich, die Seite scrollt, Felder füllen sich, und fast immer erklärt eine Sprecherstimme, was du gerade siehst.

Damit ist er etwas anderes als eine rohe Bildschirmaufnahme (Bildmaterial ohne Schnitt und Kommentar) und als ein Screenshot-Video (Standbilder mit Zooms). Dieser Leitfaden ist für alle, die eine Website im Video zeigen müssen und überlegen, ob sie selbst aufnehmen oder einen Browser in der Cloud filmen lassen. Du bekommst die drei Begriffe, die zwei Wege, genau unsere Art, eine Seite zu filmen, und einen echten Film von 61 Sekunden.

My Form (my-form.mrmadhukar.in): ein 61 Sekunden langer 16:9-Screencast mit 94 gesprochenen Wörtern auf Englisch. Der Kopfbereich mit seiner animierten Eingabe, die Funktionstabelle, eine Kundenstimme, eine Abschlussquote von 92 % und die Registrierungsseite.

Aus my-form.mrmadhukar.in mit PageToVid gemacht und von seinem Autor veröffentlicht. Auf seiner Seite ansehen → · Alle öffentlichen Filme ansehen →

Screencast, Bildschirmaufnahme oder Screenshot-Video?

Die drei Begriffe werden oft gleichgesetzt. Sie meinen aber Verschiedenes, und der Unterschied entscheidet, was deine Zuschauer sehen.

Drei Arten von Bildschirmvideo
MerkmalBildschirmaufnahmeScreencastScreenshot-Video

Was es ist

Rohe Aufnahme eines Bildschirms

Ein Bildschirm im Einsatz, geschnitten und kommentiert, um etwas zu erklären

Standbilder einer Seite mit Schwenks, Zooms und Text

Bewegung

Alles, inklusive Fehlern und Wartezeit

Ausgewählt: Scrollen, Klicks, Tippen

Keine auf der Seite; die Kamera fährt über ein Bild

Ton

Oft keiner

Ein Voice-over, meist mit Untertiteln

Musik oder Voice-over

Typischer Einsatz

Fehlerberichte, Meeting-Mitschnitte

Tutorials, Demos, Produkttouren, Hilfeartikel

Social-Media-Posts, Diashows

Schwachstelle

Lang und ungeschnitten

Aufwendig aufzunehmen und zu wiederholen

Zeigt das Produkt nie in Aktion

Im Vorschaubild sieht ein Screenshot-Video aus wie ein Screencast. Aber du siehst nie, wie sich ein Feld füllt oder ein Ergebnis erscheint, und genau darum geht es meistens.

Zwei Wege: Du nimmst selbst auf, oder ein Browser filmt

Manuell. Du öffnest OBS Studio, QuickTime oder Loom, übst die Klicks, nimmst auf, schneidest und sprichst den Kommentar ein. Filmen kannst du alles auf deinem Rechner: eine native App, ein Terminal, ein internes Tool hinter Single Sign-on. Der kostenlose Starter-Tarif von Loom erlaubt bis zu 25 Videos pro Person, je 5 Minuten, in höchstens 720p (die belegten Details stehen unter Loom oder PageToVid). Der Preis ist deine Zeit, und jedes Redesign heißt: neu aufnehmen.

Automatisch. Du gibst eine URL an. Ein Browser in der Cloud öffnet die Seite, scrollt, zeigt, klickt und tippt auf der Live-Website und nimmt das auf. Aus der Seite entsteht ein Skript, das vertont und untertitelt wird. Niemand sitzt vor einem Bildschirm, also gibt es keine verpatzten Takes, und wenn sich die Seite ändert, filmst du sie einfach neu von derselben URL.

Den Vergleich Szene für Szene findest du unter automatische oder manuelle Screencasts, den Vergleich Tool für Tool unter PageToVid und Bildschirmrekorder.

So filmen wir eine Seite – direkt aus dem Code des Recorders

Das passiert bei uns, wenn eine Szene eine Aufnahme ist. Die Angaben stammen aus dem Recorder selbst.

  • Ein echter Browser, Szene für Szene. Jede Szene wird in einer eigenen Chromium-Sitzung auf der Live-Seite gefilmt, mit frisch geladener Seite.
  • Ein Fenster, das Lesen erlaubt. Ein 16:9-Film nimmt ein 1280 Pixel breites Fenster auf und skaliert es in einen 1920×1080-Film. In voller Breite belegte Fließtext etwa 1,3 % der Bildhöhe, auf dem Smartphone unlesbar; bei 1280 Pixeln sind es etwa 1,9 %.
  • Retina-Standbilder für Zooms. Die Seite wird zusätzlich mit doppelter Pixeldichte erfasst (2560 Pixel breit am Desktop), damit ein Heranzoomen auf einen Preis oder Button scharf bleibt.
  • Ruhiges Scrollen. Etwa 0,28 Bildschirmhöhen pro Sekunde am Desktop und 0,11 auf dem Smartphone, mit gleichmäßigem Tempo, damit eine kurze Szene nicht hetzt.
  • Ein Mauszeiger nur, wenn er etwas bedeutet. Ein Headless-Browser zeichnet keinen Cursor, also zeichnen wir einen, nur bei Klicks, Hover und Tippen.
  • Echte Tastenanschläge. Ein Zeichen nach dem anderen, mit kurzer Pause nach jedem Leerzeichen, und der Recorder drückt nie Enter oder Tab, kann auf deiner Website also nichts absenden.
  • Das Mobil-Layout für 9:16. Ein Hochformat-Film wird in einem 414 Pixel breiten Smartphone-Fenster mit der Kennung eines mobilen Browsers aufgenommen: Du bekommst dein echtes Mobil-Layout (siehe Seitenverhältnis).

Die zweite Regel betrifft den Anteil der Website am Film. Eine Motion Graphic ersetzt eine Aufnahme, deshalb gibt es eine Untergrenze: Im 16:9-Film ist mindestens die Hälfte der Szenen, aufgerundet, reine Aufnahme, eine davon unter den ersten beiden. Im 9:16-Film ist es jede vierte Szene (ab vier Szenen nie weniger als zwei), und jede davon muss ein Motiv filmen – einen Klick, eine getippte Suche oder ein hervorgehobenes Element –, nie bloßes Scrollen.

Ein echtes Beispiel: My Form in 61 Sekunden

Wir haben diesen Film aus my-form.mrmadhukar.in gemacht, einem Tool, das statische Formulare in Gespräche verwandelt. Er läuft 61 Sekunden in 16:9, mit 94 englischen Wörtern in einem durchgehenden Sprecher-Take.

Er beginnt mit einer Titelkarte und einem kurzen Satz, „Double your completion rates“, unter der Frage „Losing half your form respondents to static, boring forms?“. Dann ist die Kamera auf der Live-Seite: im Kopfbereich, wo die seiteneigene Animation Eingaben wie „I want to build a SaaS questionnaire that feels like a chat“ durchwechselt. Sie wandert zum Abschnitt „Forms that talk back“, kehrt für einen engen Zoom zum Kopfbereich zurück und bleibt dann auf der Funktionstabelle, während die Stimme „Qualify leads automatically“ sagt. Zwei Momente werden zu Motion Graphics: eine Kundenstimme auf einer Karte und ein Zähler, der bis zu einer durchschnittlichen Abschlussquote von 92 % hochläuft. Die letzte gefilmte Szene ist das Registrierungsformular.

Was er zeigt: Die Bewegung der Website trägt den Film. Die wechselnde Eingabe überzeugt mehr als jeder Satz darüber, und es gibt sie nur, weil die Seite live gefilmt und nicht als Standbild abgegriffen wurde. Die meisten Szenen sind Aufnahmen, klar über der Untergrenze.

Was wir auf unserer Seite ändern würden: Der Kopfbereich kommt dreimal vor, weil die Startseite wenig andere Motive bietet. Eine zweite URL, etwa ein Demo-Formular, würde zeigen, wie ein Formular wirklich jemandem antwortet.

Deinen ersten Screencast aus einer URL erstellen

Die Reihenfolge zählt mehr als jede Einstellung.

  1. Eine Seite wählen, auf der etwas passiert

    Ein Suchfeld, eine Liste, eine Preistabelle, ein Formular. Eine Seite, die nur aus einer Schlagzeile besteht, ergibt den Film einer Schlagzeile. Mit dem MCP-Server listet inspect_page, was die Kamera als Motive behandelt.

  2. Zuerst das Format festlegen

    16:9 filmt das Desktop-Layout, 9:16 das mobile – die Motive unterscheiden sich. Entscheide vorher, wo das Video läuft.

  3. Eine Idee pro Szene

    Fakten und jeden Satz, der wörtlich fallen muss, gehören ins Briefing. Die Wörter bestimmen die Länge: Auf Deutsch brauchst du etwa 10 % weniger als die 75 bis 95 englischen Wörter eines 45-Sekunden-Films.

  4. Die Hinweise lesen

    Jedes Rendering listet Hinweise im Klartext, zum Beispiel eine Einstellung, die ihr Element verfehlt hat. Korrigiere die Szene und rendere neu; ein Rendering kostet 40 Credits.

Warum die Wörter die Länge bestimmen, steht unter die Sprechertext-Länge ist die Filmlänge. Der erste Film jeder Website ist kostenlos, mit kleinem Badge; ein einzelner Screencast-Film ohne Abo kostet 3,90 $, die Tarife findest du unter Preise. Für eine Tutorial-Reihe siehe Tutorial-Videos.

Fehler, die einen Screencast anstrengend machen

  • Die ganze Seite von oben bis unten filmen. Scrollen ohne Motiv ist eine Website, die vorbeizieht.
  • Ein Mauszeiger, der in jeder Einstellung herumirrt. Er verdeckt, worum es geht.
  • Desktop-Text in Desktop-Größe. In voller Breite aufgenommen, ist Fließtext auf dem Smartphone unlesbar. Schmaler aufnehmen oder heranzoomen.
  • Ton voraussetzen. Viele starten stumm: Untertitel einbrennen.
  • Einmal aufnehmen, für immer. Das erste Redesign macht das Video falsch. Plane neue Aufnahmen ein.
Wann nicht

Wann ein Screencast aus einer URL nicht passt

Wenn dein Gesicht und deine eigene Stimme die Botschaft sind, etwa beim Vertriebs-Follow-up oder Feedback an Kollegen, nimm dich mit Loom auf. Wenn du eine Desktop-App, ein Terminal oder sonst etwas zeigen willst, das keine Webseite ist, nimm OBS Studio oder QuickTime: Ein Cloud-Browser öffnet nur URLs. Ein langer Kurs mit Kapiteln, Quiz und Trainer im Bild gehört in einen Bildschirmrekorder plus LMS. Und eine Seite hinter einer Bot-Prüfung lässt sich gar nicht filmen; wir lehnen sie ab, ohne dass es dich etwas kostet.

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 Screencast und Bildschirmaufnahme?

Eine Bildschirmaufnahme ist der rohe Mitschnitt eines Bildschirms. Ein Screencast ist dieser Mitschnitt, aufs Wesentliche gekürzt und kommentiert, damit er etwas erklärt: ein Tutorial, eine Demo, einen Hilfeartikel.

Welche Software brauche ich für einen Screencast?

Für einen manuellen OBS Studio, QuickTime auf dem Mac oder Loom. Für einen automatischen von einer Website nichts zu installieren: Du gibst eine URL an, ein Browser in der Cloud filmt die Seite, schreibt und vertont das Skript und fügt Untertitel hinzu.

Wie lang sollte ein Screencast sein?

So lang, wie eine Aufgabe zum Zeigen braucht. Für eine Produkttour oder ein Hilfevideo 30 bis 60 Sekunden; ein ganzer Kurs ist eine Reihe kurzer Screencasts, nicht ein langer.

Kann ein automatischer Screencast Seiten hinter einem Login filmen?

Ja, mit einer Capture-Session, die deine angemeldete Sitzung an den Recorder übergibt, ab dem Tarif Scale. Seiten hinter einer Bot-Prüfung werden abgelehnt, ohne dass es dich etwas kostet.