# Bildschirm im Browser aufnehmen, dazu Kamera und Stimme

[Canonical HTML page](https://gradiently.design/de/guide/recording-camera-and-screen)

Ein Produktrundgang, ein kurzes Hallo in die Kamera oder ein Voiceover für eine Folie: Alle drei nimmst du im selben Tab auf, in dem du gestaltest, prüfst sie, bevor sie irgendwohin gehen, und legst sie auf eine Zeitleiste, die schon dein Branding trägt.

## The short version

- Gradiently kann direkt im Browser deine Kamera mit optionalem Mikrofon, einen Bildschirm, Tab oder ein Fenster oder nur deine Stimme aufnehmen.
- Jeden Clip prüfst du, bevor er in ein Design kommt, und er bleibt in deinem Browser, bis du Aufnahme verwenden wählst.
- Ob eine Bildschirmaufnahme den Ton des Bildschirms enthält, hängt von deinem Browser ab und davon, ob du einen Tab, ein Fenster oder den ganzen Bildschirm teilst.
- Eine Aufnahme kann bis zu 60 Minuten dauern, innerhalb von 100 MB für Video oder 25 MB für einen Sprachclip.
- Aufnahme und Zeitleiste gehören zur Videobearbeitung in Pro, und fertige Videos exportierst du als MP4 oder WebM bis 1080p.

Du kannst den **Bildschirm im Browser aufnehmen**, dazu Tabs, deine Kamera oder nur deine Stimme, ohne etwas zu installieren: Öffne in Gradiently die **Zeitleiste** eines Designs, wähle **Aufnehmen** und eine Quelle. Dein Browser fragt nach der Berechtigung, du nimmst auf, und der Clip wartet darauf, dass du ihn ansiehst oder anhörst. Erst wenn du **Aufnahme verwenden** wählst, verlässt er deinen Browser und landet auf der Zeitleiste, über deinem Mark und den Wörtern, die schon auf der Seite stehen. Aufnehmen gehört zur Videobearbeitung in Pro.

## Drei Dinge, die du aufnehmen kannst

| Quelle | Was sie aufnimmt | Gut für |
| --- | --- | --- |
| **Kamera** | Video von deiner Webcam, mit Mikrofon, wenn du es einschaltest | Ein Intro in die Kamera, ein Dankeschön, ein kurzes Update |
| **Bildschirm** | Einen Tab, ein Fenster oder den ganzen Bildschirm, gewählt im Freigabedialog deines Browsers | [Produktdemos](https://gradiently.design/de/guide/product-demo-video), Rundgänge, eine Website oder Tabelle zeigen |
| **Stimme** | Nur Ton von deinem Mikrofon | Voiceovers für Folien, Karussells als Video, gesprochene Tipps |

Wähle die Quelle, bevor du startest. Bildschirmaufnahmen können auch dein Mikrofon einbeziehen, sodass du in einem Take über eine Demo sprichst.

Jede Aufnahme kann bis zu 60 Minuten dauern und muss innerhalb von 100 MB für Video oder 25 MB für einen Sprachclip bleiben. Lange Takes willst du auf Social Media allerdings selten. Für einen Feed reicht meist ein Clip unter einer Minute, und [Talking-Head-Videos](https://gradiently.design/de/guide/talking-head-video) erklärt, wie ein Clip in die Kamera knapp bleibt.

## So nimmst du deinen Bildschirm im Browser auf

1. **Zeitleiste öffnen und Aufnehmen wählen** Öffne im Studio beim Design die **Zeitleiste**, dann **Aufnehmen**. Wähle **Bildschirm**.
2. **Über den Ton entscheiden** Schalte **Mikrofon** ein, um über die Aufnahme zu sprechen. Schalte **Bildschirmton** ein, wenn du auch den Ton dessen willst, was du zeigst, etwa ein Video, das in einem Tab läuft.
3. **Starten, dann die Freigabe wählen** Wähle **Aufnahme starten**. Dein Browser öffnet seinen eigenen Freigabedialog: Wähle einen Tab, ein Fenster oder den ganzen Bildschirm. Eine Live-Vorschau zeigt, was aufgenommen wird.
4. **Bei Bedarf pausieren** Mit **Pausieren** und **Fortsetzen** überspringst du langweilige Stellen wie das Laden einer Seite, ohne sie später herausschneiden zu müssen. Wähle **Stoppen**, wenn du fertig bist.
5. **Vor dem Hinzufügen prüfen** Sieh dir den Clip an. Wähle **Aufnahme verwenden**, um ihn auf die Zeitleiste zu legen, **Verwerfen**, um es noch einmal zu versuchen, oder **Clip herunterladen**, um eine Kopie auf deinem Computer zu behalten.

> **Teile einen Tab, nicht den ganzen Bildschirm** Ein einzelner Tab zeigt nur, was du zeigen willst: keine Benachrichtigungen, keine Lesezeichenleiste, keine anderen Fenster. Er ist auch die Wahl, die am ehesten den Ton der Seite mitnimmt.

## Bildschirmaufnahme mit Ton: Das entscheidet dein Browser

Dein Mikrofon funktioniert überall gleich. Der Bildschirmton nicht. Ob eine Bildschirmaufnahme den Ton dessen erfassen kann, was auf dem Bildschirm läuft, entscheiden der Browser und die Fläche, die du teilst, nicht Gradiently. Browser auf Chromium-Basis wie Chrome und Edge können meist den Ton eines Tabs teilen; beim ganzen Bildschirm oder einem Fenster fehlt der Ton oft, und manche Browser bieten gar keinen Bildschirmton an. Der Leitfaden von MDN zur [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API) liefert die technischen Details.

### Bildschirmton wahrscheinlich dabei

- Ein einzelner Browser-Tab wird geteilt
- Ein Chromium-Browser wie Chrome oder Edge
- Bildschirmton vor dem Start eingeschaltet
- Das Kästchen zum Teilen des Tons im Browserdialog angehakt

### Oft stumm

- Der ganze Bildschirm oder ein App-Fenster wird geteilt
- Browser, die kein Teilen von Ton anbieten
- Bildschirmton in Gradiently ausgeschaltet
- Das Kästchen zum Teilen des Tons nicht angehakt

Gibt der Browser keinen Bildschirmton heraus, sagt Gradiently dir das, und der Clip behält dein Mikrofon, falls es an war. Bist du unsicher, nimm zuerst einen Test von fünf Sekunden auf und hör ihn dir in der Prüfansicht an, die klar sagt, ob Ton enthalten ist.

## Kamera und Stimme aufnehmen

Wähle **Kamera** und schalte **Mikrofon** ein für einen Clip in die Kamera mit Ton, oder lass das Mikrofon aus und füge später Musik auf der Zeitleiste hinzu. Wähle **Stimme**, um ein Voiceover allein aufzunehmen: Es landet als Tonspur, bereit für die Seiten eines Karussells oder eine Präsentation. Echounterdrückung und Rauschunterdrückung sind eingeschaltet, also reichen ein ruhiger Raum und ein ordentliches Headset-Mikrofon.

Ein Story-Format im Hochformat mit einem kurzen Hallo von Maya über einem lebendigen Verlaufshintergrund

Ein Kameraclip in einer Story: Der Mark füllt das Format rund um die Aufnahme, und die Wörter bleiben im Branding.

Ein Post im Hochformat mit dem Titel Karussell in einem Rutsch exportieren, gemacht für eine kurze Bildschirmaufnahme

Eine Bildschirmaufnahme sitzt in einem Hochformat-Post, mit einem Titel darüber, damit die Aussage auch ohne Ton ankommt.

## Wenn die Aufnahme nicht klappt

| Was du siehst | Was zu tun ist |
| --- | --- |
| Zugriff verweigert oder Freigabe abgebrochen | Erlaube Kamera oder Mikrofon in den Website-Einstellungen deines Browsers oder wähle im Dialog einen Bildschirm, dann versuch es noch einmal |
| Kein nutzbares Gerät gefunden | Schließe eine Kamera oder ein Mikrofon an und prüfe, ob es in den Geräteeinstellungen deines Browsers ausgewählt ist |
| Das Gerät konnte nicht geöffnet werden | Eine andere App nutzt es. Schließe Videocalls oder andere Rekorder und versuch es erneut |
| Bildschirmaufnahme ist in diesem Browser nicht verfügbar | Nutze einen unterstützten Desktop-Browser oder nimm anderswo auf und importiere die Datei |
| Der Clip konnte nicht hinzugefügt werden | Deine Aufnahme ist noch da: Lade sie herunter oder versuch erneut, sie hinzuzufügen |

Aufnehmen braucht eine sichere Verbindung und jedes Mal deine Erlaubnis, wenn ein Browser fragt. Nichts wird hochgeladen, bevor du Aufnahme verwenden wählst.

## Nach der Aufnahme: die Zeitleiste

Nach dem Hinzufügen ist der Clip eine Spur auf der Zeitleiste. Kürze Anfang und Ende, teile ihn am Abspielkopf, ändere Tempo und Lautstärke, blende ihn ein und aus und füge dann Untertitel und Musik hinzu. Den ganzen Ablauf beschreibt [Untertitel zu einem Video hinzufügen](https://gradiently.design/de/guide/video-timeline-and-captions). Jede Aufnahme landet außerdem in **Deine Medien**, sodass du denselben Clip im nächsten Design wiederverwenden kannst, ohne ihn erneut hochzuladen.

Exportiere das fertige Design als MP4- oder WebM-Video bis 1080p, je nachdem, was dein Browser aufnehmen kann. Wähle die Größe nach dem Ort, an dem es zuerst läuft: eine Story oder ein Reel in 1080×1920, ein Hochformat-Post in 1080×1350 oder ein Format in 1920×1080 für YouTube und Folien. [Videoformate für Social Media](https://gradiently.design/de/guide/social-video-sizes) listet den Rest, und [Tipps für Bildschirmaufnahmen](https://gradiently.design/de/guide/screen-recording-tips) behandelt das Handwerk einer klaren Demo: ein aufgeräumter Desktop, ein großer Mauszeiger und eine Idee pro Clip.

## FAQ

### Kann ich meinen Bildschirm im Browser aufnehmen, ohne etwas zu installieren?

Ja. Moderne Desktop-Browser können nach deiner Erlaubnis einen Tab, ein Fenster oder den Bildschirm erfassen, und Gradiently nimmt das direkt in dein Design auf.

### Warum hat meine Bildschirmaufnahme keinen Ton?

Der Bildschirmton hängt von deinem Browser ab und davon, was du teilst. Ein einzelner Tab in einem Chromium-Browser wie Chrome oder Edge nimmt ihn am ehesten mit; ganze Bildschirme und Fenster sind oft stumm.

### Wie lang darf eine Aufnahme in Gradiently sein?

Bis zu 60 Minuten, innerhalb von 100 MB für einen Kamera- oder Bildschirmclip und 25 MB für eine Sprachaufnahme.

### Wird meine Aufnahme schon während des Aufnehmens hochgeladen?

Nein. Der Clip bleibt in deinem Browser, während du ihn prüfst, und kommt erst ins Design, wenn du Aufnahme verwenden wählst.

### Brauche ich Pro, um in Gradiently Video aufzunehmen?

Ja. Kamera-, Bildschirm- und Sprachaufnahme gehören zur Videobearbeitung in Pro, zusammen mit Zeitleiste, Untertiteln und Musik.