Bildschirmaufnahme-Tool
Bildschirm, Fenster, Browser-Tabs aufnehmen, Audio-Aufnahme unterstützt, Video sofort herunterladen
Aufnahme-Vorschau
Was ist Bildschirm-Aufnahme?
Der Bildschirmrekorder nimmt direkt im Browser einen ganzen Bildschirm, ein Anwendungsfenster oder einen einzelnen Tab auf. Je nach Browser und Berechtigung können zusätzlich Systemaudio und Mikrofoneingang erfasst werden, sodass kurze Tutorials, Bug-Reproduktionen, Produktdemos, Unterrichtsausschnitte oder Supporthinweise ohne separate Software entstehen. Vor der Aufnahme sollte geprüft werden, ob vertrauliche Fenster, Benachrichtigungen, Passwörter oder private Tabs sichtbar sind, weil die Aufnahme genau den ausgewählten Bereich festhält. Die Verarbeitung findet lokal statt und die fertige Datei kann anschließend heruntergeladen werden; Qualität und Tonspuren hängen jedoch stark von Browser, Betriebssystem und gewählter Quelle ab.
So geht's
So geht's
- Aufnahmemodus wählen: Gesamter Bildschirm, Fenster oder Browser-Tab
- Audioeinstellungen wählen (optional)
- Klicken Sie auf 'Aufnahme starten' und wählen Sie aus, was geteilt werden soll
- Klicken Sie auf 'Aufnahme beenden', wenn Sie fertig sind
- Aufnahme herunterladen oder in der Vorschau ansehen
Tipps
- Schließen Sie vor der Aufnahme unnötige Benachrichtigungen
- Für Systemaudio 'Browser-Tab' wählen und 'Audio teilen' aktivieren
- Während der Aufnahme können Sie pausieren und fortsetzen
- Für beste Ergebnisse eine stabile Netzwerkverbindung verwenden
Anwendungsfälle
Technisches Prinzip
Die Erfassung beginnt mit navigator.mediaDevices.getDisplayMedia({ video: true, audio: true }), das einen MediaStream mit einem Videotrack (der gewählte Bildschirm, das Fenster oder der Tab) und optional einem Audiotrack zurückgibt, sofern Browser und Quelle dies erlauben. Der Benutzer wählt die Oberfläche in einem nativen Auswahldialog, und der Stream endet automatisch, wenn der Benutzer auf die systemseitige Schaltfläche „Freigabe beenden“ klickt, wodurch das ended-Event des Tracks ausgelöst wird, sodass der Rekorder die Datei finalisieren kann. Die codierte Ausgabe wird von der MediaRecorder-API erzeugt. Die Container- und Codec-Auswahl erfolgt über MediaRecorder.isTypeSupported() mit Kandidaten wie video/webm;codecs=vp9,opus, video/webm;codecs=vp8,opus und bei Safari video/mp4;codecs=avc1. ondataavailable feuert periodisch (oder beim Stoppen) und liefert Blob-Chunks, die zu einem einzelnen Blob mit dem ausgehandelten mimeType zusammengefügt werden. videoBitsPerSecond und audioBitsPerSecond bilden den Kompromiss zwischen Qualität und Dateigröße, und eine typische 1080p-Bildschirmaufnahme bei 4 Mbps VP9 ergibt etwa 30 MB pro Minute. Wenn sowohl Systemaudio als auch Mikrofon angefordert werden, erstellt die Seite einen AudioContext, umhüllt jeden MediaStreamTrack in einen MediaStreamAudioSourceNode und mischt sie über einen GainNode in einen MediaStreamAudioDestinationNode. Der zusammengeführte Audiotrack ersetzt die ursprünglichen Streams, bevor MediaRecorder startet, sodass die resultierende WebM einen einzelnen gemischten Opus-Track anstelle von zwei separaten enthält. Die Browserunterstützung erfordert Chrome 72+, Firefox 66+ oder Safari 13+; ältere Browser lehnen entweder getDisplayMedia ab oder lassen die Audio-Constraint weg.
- Erfassungs-API: navigator.mediaDevices.getDisplayMedia({ video, audio }) liefert einen MediaStream; der Benutzer wählt Bildschirm/Fenster/Tab in einem Systemdialog
- Encoder: MediaRecorder mit isTypeSupported() prüft zuerst video/webm;codecs=vp9,opus, fällt auf vp8 oder H.264/AVC1 in MP4 zurück
- Chunk-Ausgabe: ondataavailable liefert Blob-Segmente, die zusammengefügt und in einen Blob des ausgehandelten mimeType verpackt werden
- Audiomischung: AudioContext + MediaStreamAudioSourceNode + GainNode + MediaStreamAudioDestinationNode mischen Systemaudio mit dem Mikrofon zu einem Opus-Track
- Stream-Ende-Trigger: Das ended-Event des Videotracks feuert, wenn der Benutzer auf die Freigabe-Leiste des Browsers klickt, und finalisiert die Aufnahme
- Bitratensteuerung: videoBitsPerSecond ca. 2,5–8 Mbps für 1080p; 4 Mbps VP9 ergibt ca. 30 MB pro Minute
- Browser-Mindestanforderung: Chrome 72+, Firefox 66+, Safari 13+; Tab-Audioerfassung funktioniert nur in Chromium-basierten Browsern mit dem Kontrollkästchen „Tab-Audio freigeben“
Beispiele
Software-Tutorial, 10 Minuten in 1080p
Quelle: Gesamter Bildschirm (1920 x 1080)
Audio: Nur Mikrofon
Codec: video/webm;codecs=vp9, opus
Bildrate: 30 fps
Dauer: 10:00
Ausgabe: tutorial.webm, ~190 MB
Verwendung: Produktrundgänge, LMS-UploadBug-Reproduktion mit Systemaudio
Quelle: Browser-Tab (Chrome)
Audio: Systemaudio (Tab-Audio im Dialog freigegeben)
Codec: video/webm;codecs=vp8, opus
Dauer: 0:45
Ausgabe: bug-repro-2026-06-10.webm, 7.2 MB
Angehängt an: GitHub-Issue #1284Online-Meeting-Clip mit Mikrofon + Systemaudio
Quelle: Anwendungsfenster (Zoom)
Audio: System + Mikrofon (beides)
Dauer: 3:20
Ausgabe: meeting-snippet.webm, 42 MB
Hinweis: Pause bei 1:15 zum Überspringen der Anmeldedaten, danach FortsetzenProduktdemo für den App Store
Quelle: Anwendungsfenster (1280 x 720)
Audio: Keines (stumme Demo, Untertitel werden später eingeblendet)
Bildrate: 30 fps, Bitrate: 4 Mbps
Dauer: 0:30
Ausgabe: demo.mp4 (falls H.264 unterstützt) oder .webm als Fallback
Größe: ~15 MB, passt unter das App-Store-Vorschau-LimitFAQ
Wie funktioniert der Bildschirmrekorder?
Er nutzt die MediaRecorder-API des Browsers auf einem Screen-Share-MediaStream von getDisplayMedia. Der Browser fragt dich, was geteilt werden soll (ganzer Bildschirm / Fenster / Tab); die Seite zeichnet Frames in ein Video-Blob im Speicher auf und bietet beim Stoppen den Download an. Keine Aufnahmeserver, keine Cloud, kein Upload.
Welches Format und welcher Codec wird verwendet?
WebM mit VP8- oder VP9-Videocodec (je nach Browser-Unterstützung), Opus-Audio. Die meisten modernen Browser, Videoeditoren und Player unterstützen WebM nativ. Für MP4-Export transkodiere lokal mit FFmpeg nach dem Download.
Kann ich System-Audio einschließen?
Manche Browser/Betriebssysteme erlauben Tab-Audio- oder System-Audio-Aufnahme während getDisplayMedia. Chrome unter Windows ist am freizügigsten; Safari und Firefox sind eingeschränkter. Mikrofon-Audio (deine Stimme) wird separat aufgenommen, wenn du die Berechtigung erteilst.
Was ist die maximale Aufnahmedauer?
Der Browser-Speicher ist die Grenze, da die Aufnahme bis zum Stoppen im RAM gehalten wird. Praktische Grenze: 10–60 Minuten je nach Auflösung und Bitrate. Für längere Aufnahmen oder hochwertige Screencasts ist OBS Studio (Desktop) leistungsfähiger – es streamt auf die Festplatte und hat keine Speicherobergrenze.
Wird meine Aufnahme irgendwo hochgeladen?
Nein. Die Aufnahme bleibt lokal in deinem Browser. Beim Download wird die WebM-Datei auf dein Gerät gespeichert. Es wird nichts an einen Server übertragen, sofern du die Datei nicht ausdrücklich teilst.
Warum ist die Aufnahme ruckelig oder von schlechter Qualität?
Bildschirmaufnahme und Re-Encoding sind CPU-intensiv. Schließe andere Apps, senke die Aufnahmeauflösung wenn möglich und wähle ein einzelnes Fenster oder Tab statt des ganzen Bildschirms. Hardware-Encoding (h264 via WebCodecs API) hilft, wo unterstützt, ist aber noch nicht überall verfügbar.
Kann ich die Aufnahme schneiden oder bearbeiten?
Nicht in diesem Tool. Lade die WebM-Datei herunter und nutze einen Videoeditor (DaVinci Resolve, Shotcut, FFmpeg-Kommandozeile) zum Schneiden, Transkodieren oder Annotieren.