# Spela in skärm i webbläsaren, plus kamera och röst

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

En produktgenomgång, en snabb hälsning till kameran eller en berättarröst till en bild: allt tre kan spelas in i samma flik som du designar i, granskas innan det går någonstans och läggas på en tidslinje som redan bär ditt varumärke.

## The short version

- Gradiently kan spela in din kamera med valfri mikrofon, en skärm, flik eller ett fönster, eller bara din röst, direkt i webbläsaren.
- Varje klipp granskas innan det läggs till i en design, och det stannar i din webbläsare tills du väljer Använd inspelning.
- Om en skärminspelning innehåller skärmens eget ljud beror på din webbläsare och på om du delar en flik, ett fönster eller en hel skärm.
- En inspelning kan vara upp till 60 minuter, inom 100 MB för video eller 25 MB för ett röstklipp.
- Inspelning och videotidslinjen ingår i videoredigering i Pro, och färdiga videor exporteras som MP4 eller WebM i upp till 1080p.

Du kan **spela in skärm i webbläsaren**, din kamera eller bara din röst utan att installera något: i Gradiently öppnar du **Tidslinje** på en design, väljer **Spela in** och väljer en källa. Webbläsaren frågar om tillstånd, du spelar in, och klippet väntar på att du ska titta eller lyssna igenom det. Först när du väljer **Använd inspelning** lämnar det webbläsaren och hamnar på tidslinjen, ovanpå ditt Mark och orden som redan finns på sidan. Inspelning ingår i videoredigering i Pro.

## Tre saker du kan spela in

| Källa | Vad den fångar | Bra för |
| --- | --- | --- |
| **Kamera** | Video från webbkameran, med mikrofonen om du slår på den | En introduktion in i kameran, ett tack, en snabb uppdatering |
| **Skärm** | En flik, ett fönster eller en hel skärm, vald i webbläsarens delningsruta | [Produktdemos](https://gradiently.design/sv/guide/product-demo-video), genomgångar, att visa en webbplats eller ett kalkylblad |
| **Röst** | Bara ljud från mikrofonen | Berättarröst till bilder, karuseller som blivit video, berättade tips |

Välj källa innan du börjar. Skärminspelningar kan också lägga till mikrofonen, så att du kan prata över en demo i en enda tagning.

Varje inspelning kan vara upp till 60 minuter och hålla sig inom 100 MB för video eller 25 MB för ett röstklipp. Långa tagningar är sällan vad du vill ha i sociala medier, dock. För ett flöde räcker oftast ett klipp på under en minut, och [talking head-videor](https://gradiently.design/sv/guide/talking-head-video) förklarar hur du håller ett klipp in i kameran stramt.

## Så spelar du in skärmen i webbläsaren

1. **Öppna Tidslinje och välj Spela in** I Studio öppnar du **Tidslinje** från designen och sedan **Spela in**. Välj **Skärm**.
2. **Bestäm om ljud** Slå på **Mikrofon** för att prata över inspelningen. Slå på **Skärmljud** om du också vill ha ljudet från det du visar, till exempel en video som spelas i en flik.
3. **Starta och välj sedan vad som ska delas** Välj **Starta inspelning**. Webbläsaren öppnar sin egen delningsruta: välj en flik, ett fönster eller hela skärmen. En liveförhandsvisning visar vad som fångas.
4. **Pausa om du behöver** Med **Pausa** och **Fortsätt** hoppar du över det tråkiga, som en sida som laddas, utan att behöva klippa bort det senare. Välj **Stoppa** när du är klar.
5. **Granska innan du lägger till** Titta igenom klippet. Välj **Använd inspelning** för att lägga till det på tidslinjen, **Släng** för att försöka igen eller **Ladda ned klipp** för att behålla en kopia på datorn.

> **Dela en flik, inte hela skärmen** En enda flik visar bara det du vill visa: inga aviseringar, inget bokmärkesfält, inga andra fönster. Det är också valet som troligast innehåller sidans ljud.

## Skärminspelning med ljud: vad din webbläsare avgör

Din mikrofon fungerar likadant överallt. Skärmljud gör det inte. Om en skärminspelning kan fånga ljudet från det som visas på skärmen avgörs av webbläsaren och av ytan du väljer att dela, inte av Gradiently. Webbläsare byggda på Chromium, som Chrome och Edge, kan oftast dela en flikens ljud; att dela en hel skärm eller ett fönster kommer ofta utan ljud, och vissa webbläsare erbjuder inget skärmljud alls. MDN:s guide till [Screen Capture API](https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API) har de tekniska detaljerna.

### Innehåller troligen skärmljud

- Att dela en enskild webbläsarflik
- En Chromium-webbläsare som Chrome eller Edge
- Skärmljud påslaget innan du börjar
- Rutan för att dela ljud ikryssad i webbläsarens ruta

### Ofta tyst

- Att dela en hel skärm eller ett appfönster
- Webbläsare som inte erbjuder ljuddelning
- Skärmljud avstängt i Gradiently
- Rutan för att dela ljud inte ikryssad

Om webbläsaren inte lämnar över skärmljud berättar Gradiently det, och klippet behåller din mikrofon om den var på. När du är osäker, spela in ett test på fem sekunder först och lyssna igenom det på granskningsskärmen, som tydligt säger om ljud ingick.

## Spela in kamera och röst

Välj **Kamera** och slå på **Mikrofon** för ett klipp in i kameran med ljud, eller låt mikrofonen vara av och lägg till musik på tidslinjen senare. Välj **Röst** för att spela in en berättarröst för sig: den hamnar som ett ljudspår, redo att läggas under en karusells sidor eller en bildpresentation. Ekokancellering och brusreducering är påslagna, så ett tyst rum och en hygglig headsetmikrofon räcker.

En stående storyruta med en kort hälsning från Maya över en levande gradientbakgrund

Ett kameraklipp inramat på en story: Marken fyller ytan runt inspelningen och orden håller sig i varumärket.

Ett stående inlägg med rubriken Exportera en karusell i ett svep, gjort för att rymma en kort skärminspelning

En skärminspelning ligger inuti ett stående inlägg, med en titel ovanför så att poängen når fram även utan ljud.

## När inspelningen inte fungerar

| Det du ser | Vad du gör |
| --- | --- |
| Åtkomst nekades eller delningen avbröts | Tillåt kameran eller mikrofonen i webbläsarens webbplatsinställningar, eller välj en skärm i rutan, och försök igen |
| Ingen användbar enhet hittades | Anslut en kamera eller mikrofon och kontrollera att den är vald i webbläsarens enhetsinställningar |
| Enheten kunde inte öppnas | En annan app använder den. Stäng videosamtal eller andra inspelare och försök igen |
| Skärminspelning är inte tillgänglig i den här webbläsaren | Använd en webbläsare för dator som stöds, eller spela in någon annanstans och importera filen |
| Klippet kunde inte läggas till | Din inspelning finns kvar: ladda ned den, eller försök lägga till den igen |

Inspelning kräver en säker anslutning och ditt tillstånd varje gång webbläsaren frågar. Inget laddas upp förrän du väljer Använd inspelning.

## Efter inspelningen: tidslinjen

När klippet är tillagt är det ett spår på tidslinjen. Klipp start och slut, dela det vid uppspelningshuvudet, ändra hastighet och volym, tona in och ut det och lägg sedan till undertexter och musik. Hela processen finns i [lägga till undertexter i en video](https://gradiently.design/sv/guide/video-timeline-and-captions). Varje inspelning hamnar också i **Dina media**, så samma klipp kan användas i nästa design utan att laddas upp igen.

Exportera den färdiga designen som en MP4- eller WebM-video, upp till 1080p, beroende på vad din webbläsare kan spela in. Anpassa storleken efter var den först ska spelas: en story eller Reel i 1080×1920, ett stående inlägg i 1080×1350 eller en ruta i 1920×1080 för YouTube och bildpresentationer. [Videostorlekar för sociala medier](https://gradiently.design/sv/guide/social-video-sizes) listar resten, och [tips för skärminspelning](https://gradiently.design/sv/guide/screen-recording-tips) tar upp hantverket bakom en tydlig demo: ett rent skrivbord, en stor markör och en idé per klipp.

## FAQ

### Kan jag spela in skärmen i webbläsaren utan att installera något?

Ja. Moderna webbläsare för dator kan fånga en flik, ett fönster eller en skärm när du ger tillstånd, och Gradiently spelar in direkt därifrån in i din design.

### Varför har min skärminspelning inget ljud?

Skärmljud beror på din webbläsare och på vad du delar. Att dela en enskild flik i en Chromium-webbläsare som Chrome eller Edge är mest sannolikt att innehålla det; hela skärmar och fönster är ofta tysta.

### Hur lång kan en inspelning vara i Gradiently?

Upp till 60 minuter, inom 100 MB för ett kamera- eller skärmklipp och 25 MB för en röstinspelning.

### Laddas min inspelning upp medan jag spelar in?

Nej. Klippet stannar i din webbläsare medan du granskar det, och läggs bara till i designen när du väljer Använd inspelning.

### Behöver jag Pro för att spela in video i Gradiently?

Ja. Inspelning av kamera, skärm och röst ingår i videoredigering i Pro, tillsammans med tidslinjen, undertexter och musik.
