Jede Seite für deine Videos aufnehmen – direkt in Chrome
Screencasts mit gestaltetem Cursor, Screenshots ganzer Seiten, einzelne Elemente mit ihrem CSS und komplette Brand-Kits landen direkt in deiner Mediathek. Starte ein Video von der geöffneten Seite oder filme deine App hinter ihrem Login.
Kostenlos mit einem PageToVid-Konto · nichts verlässt deinen Browser, bevor du auf Senden drückst
Alles, was ein Video von einer Seite braucht – in einem Seitenpanel
- Ein Video aus dieser Seite
Ein Klick öffnet PageToVid mit der Adresse der Seite, dazu ein Briefing, das du schreibst – oder das eine KI mit deinem Gemini-Schlüssel aus einem Screenshot entwirft.
- Screencasts mit gestaltetem Cursor
Nimm den Tab mit Punkt-, Ring- oder Spotlight-Cursor in deiner Farbe auf, samt Klick-Wellen. Der Clip landet als MP4 in deiner Mediathek.
- Screenshots ganzer Seiten
Die ganze scrollbare Seite in einem Bild, Kachel für Kachel zusammengesetzt – fixierte Header bleiben, wo sie sind, ohne Debugging-Leiste.
- Elemente, mit ihrem CSS
Fahr mit der Maus darüber und klick auf einen Button, eine Karte oder einen Abschnitt: Der Screenshot wird darauf zugeschnitten, sein CSS-Rezept – Hintergrund, Radius, Schrift, Schatten – kommt mit.
- Die Bilder der Seite
Sieh jedes Foto und jede Illustration der Seite in Originalgröße und schick sie in deine Mediathek, statt einen Screenshot zu machen.
- Brand-Kit
Farben, Schriften, Eckenradius, Button-Stile, Logo und helles oder dunkles Theme – als ein Kit, das du an PageToVid schickst oder als JSON kopierst.
- Aufnahme mit Login
Übergib deine angemeldete Sitzung an den Cloud-Recorder, damit das Video deine echte App zeigt statt ihrer Login-Seite.
- Abläufe aufnehmen, Pläne abspielen
Binde einen Tab, und jede Seite, die du öffnest, wird als eine Route aufgenommen. In VS Code geplante Abläufe werden hier Schritt für Schritt aufgenommen.
- Eine Funktion dokumentieren
Nutze eine Funktion einmal: Jeder Klick und jede Eingabe wird festgehalten, dann schreibt die KI eine Anleitung und eine Liste von Problemen.
- Automatische Aufnahme
Gib ihr eine Liste von Seiten oder lass sie die Website kartieren. Sie besucht jede Seite und legt einen ganzseitigen Screenshot ab, auf Wunsch mit KI-Review pro Seite.
- KI-Reviews mit deinem eigenen Schlüssel
Video-Briefing, UX, Text, Barrierefreiheit und Conversion – mit deinem eigenen Gemini-Schlüssel. Das Bild geht von deinem Browser direkt zu Google, nie über uns.
So funktioniert es
- 1Füge die Erweiterung aus dem Chrome Web Store hinzu.
- 2Melde dich im selben Browser auf pagetovid.com an. Die Erweiterung verbindet sich von selbst – kein Schlüssel zum Einfügen.
- 3Öffne das Seitenpanel über das Symbol in der Symbolleiste oder mit Alt+Shift+P.
- 4Nimm auf, was du brauchst, und schick es in deine Mediathek – oder starte ein Video von der geöffneten Seite.
Deine Seiten bleiben deine
- Nichts verlässt deinen Browser, bevor du auf Senden drückst oder selbst eine automatische Aufnahme startest.
- Deine Sitzung wird nur gesendet, wenn du ihren Button drückst, verschlüsselt gespeichert und läuft spätestens nach 24 Stunden ab.
- KI-Reviews gehen von deinem Browser direkt zu Google, mit deinem eigenen Gemini-Schlüssel.
- Der Konsolen-Leser sieht nur die Konsolenausgabe – nie Seiteninhalte, Cookies, Formularwerte oder Speicher.
Kostenlos, mit einer Ausnahme
Die Erweiterung und alle Aufnahmen sind mit einem PageToVid-Konto kostenlos. Ein Video, das du daraus machst, läuft über deinen üblichen Tarif.
Filmen hinter einem Login gibt es ab dem Tarif Scale. Einmal gesendet, gilt die Sitzung für jedes Rendering dieses Website-Origins – über die Website, deinen KI-Assistenten oder die API – bis sie abläuft.
Extension (your browser, logged in)
└─ export cookies + localStorage
└─ POST → PageToVid (Playwright storageState)
└─ headless Chromium loads the app AS YOU
└─ retina record → Remotion → MP4Lieber keine Erweiterung installieren? Hake beim Erstellen eines Videos „Diese Website braucht einen Login“ an und gib Login-Seite, E-Mail und Passwort eines Testkontos an: Wir melden uns einmal an, behalten die Sitzung für diesen Origin und speichern das Passwort nie. SSO- und Zwei-Faktor-Logins brauchen die Erweiterung.
Tarife ansehen →Passt zu PageToVid Studio für VS Code
Claude Code liest deine Codebasis und schreibt die Abläufe, die sich zu filmen lohnen. Die Chrome-Erweiterung nimmt sie in deinem Browser auf, und jeder Schritt wird zur Szene.
Zur VS-Code-Erweiterung →Fragen
Ist die Erweiterung kostenlos?
Ja. Installiere sie, melde dich bei deinem PageToVid-Konto an und nimm auf, so viel du willst. Nur das Filmen von Seiten hinter einem Login braucht den Tarif Scale.
Schickt sie meine Seiten irgendwohin?
Nur, was du auswählst. Eine Aufnahme verlässt deinen Browser, wenn du auf Senden drückst, und der Konsolen-Leser liest nie Seiteninhalte, Cookies oder Formularwerte.
Brauche ich einen API-Schlüssel?
Nein. Melde dich im selben Browser auf pagetovid.com an, und die Erweiterung verbindet sich über deine Sitzung. Alternativ kannst du einen API-Schlüssel aus deiner Kontoseite einfügen.
Wo landen meine Aufnahmen?
In deiner Mediathek auf pagetovid.com, markiert mit „extension“, bereit für jedes Video. Screencasts werden in MP4 umgewandelt.
Ist meine Login-Sitzung sicher?
Sie wird nur gesendet, wenn du ihren Button drückst, per HTTPS übertragen, verschlüsselt gespeichert, an eine Website gebunden und nach 24 Stunden gelöscht. Nutze sie nur für eigene Konten.
Funktioniert sie mit der VS-Code-Erweiterung?
Ja. Claude Code plant die Abläufe aus deinem Code in VS Code, und die Chrome-Erweiterung nimmt sie in deinem Browser auf – eine Szene pro Schritt.
Mach dein nächstes Video von der geöffneten Seite aus
Kostenlos mit einem PageToVid-Konto.