Bildschirm- und Kamera-Recorder
Nehmen Sie Ihren Bildschirm mit Webcam-Overlay in der Ecke auf – per Canvas-Komposition im Browser. Privater, lokaler WebM-Download.
🔒 Läuft vollständig in Ihrem Browser — nichts wird hochgeladenEine Präsentation mit Ihrer Kamera in der Ecke aufnehmen
Eine Bildschirmaufnahme ist oft leichter zu verfolgen, wenn die Zuschauer auch den Vortragenden sehen. Dieses Tool erfasst die gewählte Bildschirmquelle und Ihre Webcam, zeichnet beides in ein Browser-Canvas und nimmt dieses Canvas als neuen Videostream auf. Die Webcam erscheint als Bild-in-Bild-Overlay in der unteren rechten Ecke, sodass die heruntergeladene WebM-Datei die kombinierte Ansicht bereits enthält. Für die Komposition werden keine Videobilder hochgeladen, und kein Backend-Dienst erhält Ihre Kamera- oder Bildschirminhalte. Alles, was für das endgültige Layout nötig ist, geschieht in einem einzigen Tab, nachdem Sie die Browser-Berechtigungen erteilt haben.
Der Ablauf nutzt moderne Browser-APIs: getDisplayMedia für den Bildschirm, getUserMedia für Kamera und Mikrofon, captureStream des Canvas für das zusammengesetzte Video und MediaRecorder für die fertige Datei. Kann der Browser im Bildschirmauswahldialog auch Tab- oder Systemaudio erfassen, wird dieser Ton vor der Aufnahme im Browser mit dem Mikrofon gemischt.
Beste Einsatzzwecke und aktuelle Einschränkungen
Nutzen Sie den Bildschirm- und Kamera-Recorder für Produktdemos, Lernerklärungen, Schritt-für-Schritt-Anleitungen und asynchrone Updates, bei denen ein Gesicht zusätzlichen Kontext liefert. Da das Overlay in Echtzeit gezeichnet wird, können sehr alte Geräte bei hochauflösenden Bildschirmen an ihre Grenzen kommen. Auch die Unterstützung von Systemaudio unterscheidet sich je nach Browser, und die Canvas-Aufnahme setzt einen Browser voraus, der captureStream implementiert. Das Tool prüft diese Fähigkeiten vor dem Start und meldet Berechtigungs- oder Unterstützungsprobleme in verständlicher Sprache.
Eine saubere Komposition vorbereiten
Ordnen Sie die Inhalte, die Sie zeigen möchten, vor dem Klick auf Start an und halten Sie wichtige Schaltflächen von der unteren rechten Ecke fern, in der das Webcam-Overlay erscheint. Wählen Sie einen ruhigen Raum und gutes Licht von vorn, damit das Kamerabild auch in kleinerer Größe nützlich bleibt. Wenn Sie eine lange Schulung aufnehmen, überlegen Sie, mehrere kürzere Clips zu erstellen. Kleinere Aufnahmen lassen sich nach dem lokalen Download leichter prüfen, neu aufnehmen und teilen.
So verwenden Sie
- Bildschirm wählenStarten Sie die Aufnahme und wählen Sie den Bildschirm, das Fenster oder den Tab aus, den Sie teilen möchten.
- Kamera erlaubenErteilen Sie die Berechtigung für Webcam und Mikrofon, damit das Overlay des Vortragenden hinzugefügt werden kann.
- AufnehmenDer Browser setzt Bildschirm und Kameravorschau auf einem Canvas zusammen, während der Timer läuft.
- HerunterladenBeenden Sie die Aufnahme und speichern Sie die lokale WebM-Datei mit bereits eingebranntem Overlay.