Nimm Video von deiner Webcam und dem Mikrofon direkt im Browser auf und lade die Datei dann herunter – kein Upload, kein Server.
Nimm Video von deiner Webcam und dem Mikrofon direkt im Browser auf und lade die Datei dann herunter – kein Upload, kein Server. Nimm Video von deiner Webcam und dem Mikrofon direkt im Browser auf und lade die Datei dann herunter – kein Upload, kein Server.
Die Aufnahme im Browser ist eine Pipeline aus drei Schritten. Zuerst erfasst getUserMedia() nach Erteilung der Berechtigung einen MediaStream von Kamera und Mikrofon – Browser fragen immer nach und benötigen einen sicheren Kontext (HTTPS oder localhost). Zweitens verbraucht ein MediaRecorder diesen Stream und codiert die eingehenden Frames in ein Containerformat wie WebM, wobei er die Daten in Abschnitte zerlegt. Drittens werden die Abschnitte beim Stoppen zu einem einzelnen Blob zusammengefügt, der abgespielt und heruntergeladen werden kann. Es wird nichts übertragen: Die Codierung erfolgt auf deinem Gerät, weshalb ein Browser-Rekorder auch bei ausgeschaltetem Netzwerk eine Datei erzeugen kann.
Container und Codec hängen von deinem Browser und System ab. WebM mit VP8- oder VP9-Video und Opus-Audio ist die sicherste Wahl und funktioniert in Chrome, Firefox, Edge und Safari. MP4 wird angeboten, wenn der Browser Unterstützung dafür meldet, was bei neueren Geräten immer häufiger, aber nicht überall der Fall ist. Wenn du ein Format wählst, das der Browser nicht codieren kann, fällt diese Seite automatisch auf WebM zurück. Wenn die Aufnahme endet, erscheint der Download-Button mit der passenden Erweiterung (.webm oder .mp4), die dem tatsächlich erzeugten Format entspricht.
Bevor der Stream startet, zeigt der Browser eine Berechtigungsabfrage, mit der du wählen kannst, welche Kamera und welches Mikrofon geteilt werden – die Geräte-Dropdowns auf dieser Seite werden aus enumerateDevices() gefüllt, und du kannst Geräte wechseln und den Stream erneut öffnen. Die gesamte Verarbeitung erfolgt lokal: Die Videobytes verlassen niemals dein Gerät, und die Seite speichert nichts. Wenn du die Aufnahme stoppst, erlischt die Kamera-Anzeige und die Spuren des Streams werden freigegeben, sodass nach dem Beenden keine Ressource mehr gehalten wird. Auf manchen Systemen bleibt das Kamera-Licht solange an, wie die Seite irgendeinen Stream hält, selbst wenn stummgeschaltet.
Die Vorschau spiegelt korrekt (stummgeschaltete Wiedergabe vermeidet Echo), und der Timer misst die verstrichene Zeit während der Aufnahme. Bei langen Aufnahmen beachte, dass die In-Memory-Abschnitte mit der Dauer wachsen, sodass sehr lange Sitzungen mehr Speicher verbrauchen. Wenn du den Bildschirm statt der Kamera aufnehmen möchtest, ist dafür eine andere API (getDisplayMedia) erforderlich, was hier nicht unterstützt wird. Wenn die Berechtigungsabfrage einmal verweigert wurde, sperren Browser die Auswahl meist, bis du die Site-Einstellungen zurücksetzt.