# Lägg till undertexter i video, med din Mark i rörelse bakom

[Canonical HTML page](https://gradiently.design/sv/guide/video-timeline-and-captions)

Mycket video i sociala medier ses utan ljud, så orden på skärmen bär budskapet. Här är hur du bygger en video med undertexter på en tidslinje, från första klippet till exporterad fil, utan att lämna varumärket bakom dig.

## The short version

- I Gradiently rymmer tidslinjen video-, ljud- och undertextspår ovanpå en design, och Marken och alla designelement går fortfarande att redigera.
- Du kan skriva undertexter en och en med Lägg till undertext, eller importera en befintlig SRT- eller WebVTT-fil med upp till 2 000 undertextrader.
- Undertexter kan ligga överst eller nederst i bilden, med egen textstorlek, textfärg och bakgrundsfärg.
- Musik och berättarröster är ljudspår: importera MP3-, M4A-, WAV- eller Ogg-filer på upp till 25 MB och ställ sedan in volym, gradienter och timing.
- Tidslinjen, undertexterna och musiken ingår i Pro-redigering av video, och färdiga videor exporteras som MP4 eller WebM i upp till 1080p.

För att **lägga till undertexter i video** i Gradiently öppnar du **Tidslinje** på en design, importerar eller spelar in ditt klipp, väljer **Lägg till undertext** och skriver det som sägs vid varje tillfälle. Om du redan har en undertextfil väljer du i stället **Importera undertexter** och väljer en SRT- eller WebVTT-fil. Undertexterna ligger på ett eget spår, formgivna för att synas på din design, medan Marken fortsätter röra sig bakom hela bilden. Tidslinjen, undertexterna och musiken ingår i Pro-redigering av video.

## Vad tidslinjen rymmer

Tidslinjen ligger under sidan och rymmer fyra typer av spår. Din Mark, din rubrik och alla andra designelement går att redigera precis som innan du lade till film.

| Spår | Vad som läggs på det | Vad du kan ställa in |
| --- | --- | --- |
| **Video** | MP4- eller WebM-film på upp till 100 MB, eller en kamera- eller skärminspelning | Start och slut, in- och utpunkt, hastighet, volym, ljud av, upprepning, gradienter, dela |
| **Ljud** | Musik eller berättarröst: MP3, M4A, WAV eller Ogg på upp till 25 MB | Start och slut, trimning, volym, gradienter, upprepning |
| **Element** | Ord, former och bilder som redan finns på sidan | När var och en dyker upp och försvinner |
| **Undertexter** | Tidssatta textrader, skrivna eller importerade | Text, timing, placering, storlek, färg, bakgrund |

Mediefiler kan vara upp till en timme långa. En design kan delas upp i scener på upp till 60 sekunder vardera, och ljudspåret fortsätter över dem.

## Så lägger du till undertexter i en video

1. **Hämta in filmen** Öppna **Tidslinje**, välj **Importera medier** och välj en video, eller använd **Spela in** för att ta upp din kamera eller skärm. [Inspelning i webbläsaren](https://gradiently.design/sv/guide/recording-camera-and-screen) går igenom alternativen.
2. **Trimma före undertexterna** Klipp bort början och slutet och dela ut pauser först. Undertexterna är tidssatta efter klippningen, så om du trimmar efteråt måste de tidssättas om.
3. **Lägg till första undertexten** Flytta spelhuvudet till där någon börjar tala och välj **Lägg till undertext**. Skriv orden i **Undertext** och dra sedan i kanterna på spåret så att den börjar och slutar med talet.
4. **Fortsätt, en fras i taget** Lägg till en undertext för varje kort fras. Högst två rader, helst en, som byts när talaren når en naturlig paus.
5. **Formge spåret en gång** Under **Undertextstil** väljer du placering, textstorlek, textfärg och bakgrundsfärg. Stilen gäller alla rader, så undertexterna ser likadana ut hela vägen.
6. **Spela upp utan ljud** Titta på hela videon utan ljud. Om du kan följa den utan ljud gör undertexterna sitt jobb.

## Importera undertextfiler i SRT och WebVTT

Om dina undertexter redan finns, från en transkriberingstjänst, en videoplattform eller en kollega, importerar du dem i stället för att skriva om dem. **Importera undertexter** tar emot SRT- och WebVTT-filer med giltiga tider och text, upp till 2 000 rader och 500 KB text. Båda formaten är vanliga textfiler som kopplar ett tidsintervall till de ord som visas under det.

```text
1
00:00:00,500 --> 00:00:02,800
Vi rostar varje sats på torsdagar.

2
00:00:03,000 --> 00:00:05,400
Så kaffet du får är några dagar
gammalt, inte månader.

3
00:00:05,800 --> 00:00:07,600
Beställ senast onsdag kväll.
```

En SRT-fil: ett nummer, ett tidsintervall med komma före millisekunderna, sedan en eller två rader text och en tom rad.

```text
WEBVTT

00:00:00.500 --> 00:00:02.800
Vi rostar varje sats på torsdagar.

00:00:03.000 --> 00:00:05.400
Så kaffet du får är några dagar
gammalt, inte månader.

00:00:05.800 --> 00:00:07.600
Beställ senast onsdag kväll.
```

Samma undertexter som WebVTT: ett WEBVTT-huvud och en punkt före millisekunderna. MDN dokumenterar hela [WebVTT-formatet](https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API).

Det fungerar åt andra hållet också. **Ladda ner SRT** och **Ladda ner VTT** sparar undertexterna du skrev som en undertextfil, praktiskt som utskrift eller för plattformar som tar emot en, som YouTube. Tänk på att den exporterade videon redan har undertexterna ritade i bilden, så en tittare som också slår på plattformens egna undertexter skulle se dem två gånger.

## Undertextstilar som syns mot en rörlig bakgrund

Undertexter ligger ovanpå film och en levande Mark, så kontrasten ändras från bildruta till bildruta. Stort, enkelt och stadigt slår kvickt. Hela hantverket, med radlängd och timing, finns i [design av undertexter för video](https://gradiently.design/sv/guide/video-captions-design).

### Svårt att läsa

- Långa rader som bryts till tre rader
- Liten text anpassad för en datorskärm
- Ett tunt eller skrivstilsliknande typsnitt
- Undertexter längst ner i en Reel, under appens knappar
- En ny stil för varje video

### Lätt att läsa

- Korta fraser, en eller två rader
- Text anpassad för en telefon på armlängds avstånd
- En rejäl sans serif, ofta varumärkets brödtypsnitt
- Undertexter placerade utanför plattformens gränssnitt
- En undertextstil som behålls i alla videor

På en story eller Reel i 1080×1920 täcker plattformens knappar och bildtext botten av bilden, så **Överst** eller en höjd nedre placering är ofta säkrare; [säkra zoner i sociala medier](https://gradiently.design/sv/guide/social-media-safe-zones) visar var gränssnittet ligger. En solid bakgrundsfärg bakom undertexterna hjälper på rörig film. På lugn film brukar enkel ljus eller mörk text läsas bra av sig själv.

En stående videobild för ett kafferosteri med en rubrik nära toppen och plats för undertexter i mitten

En stående video för stories och Reels: rubrik nära toppen, undertexter i mittbandet och Marken bakom allt.

Samma video för kafferosteriet som ett stående flödesinlägg med rubrik och undertexter på gradienten

Samma video som ett stående flödesinlägg i 1080×1350, där undertexterna kan ligga lägre eftersom det är mindre gränssnitt ovanpå.

## Lägga till musik och berättarröst

Musik läggs på ett ljudspår. Importera en MP3-, M4A-, WAV- eller Ogg-fil, dra den dit den ska börja och trimma den till videons längd. Sänk dess **Volym** under tal och använd **Tona in** och **Tona ut** så att den inte börjar eller slutar abrupt. En berättarröst inspelad med **Spela in › Röst** hamnar på ett eget ljudspår, så att du kan balansera den mot musiken.

> **Använd musik du får använda** Att importera en låt till en design ger dig inte rätt att publicera den. Använd spår du har licens för, eller musik som plattformen erbjuder i sin egen app.

## Exportera videon med undertexter

Välj **Exportera** och sedan video. Undertexterna ritas in i bilden, så de syns på alla plattformar, även de som ignorerar undertextfiler. Videor sparas som MP4 eller WebM, beroende på vad din webbläsare kan spela in, i upp till 1080p; inspelningen sker i realtid, så en video på 40 sekunder tar ungefär 40 sekunder. [Exportera en video eller GIF](https://gradiently.design/sv/guide/export-video-gif) har detaljerna, och [videostorlekar för sociala medier](https://gradiently.design/sv/guide/social-video-sizes) listar bildformatet för varje plattform. Ny på redigering? [Videoredigering för nybörjare](https://gradiently.design/sv/guide/timeline-video-editing) går igenom klippning och tempo.

## FAQ

### Hur lägger jag till undertexter i en video?

Öppna tidslinjen i Gradiently, lägg till ditt klipp och använd sedan Lägg till undertext för varje fras eller Importera undertexter för att läsa in en SRT- eller WebVTT-fil. Formge spåret och exportera videon med undertexterna inbrända.

### Vad är skillnaden mellan SRT och WebVTT?

Båda kopplar tidsintervall till textrader. SRT numrerar varje rad och använder komma före millisekunderna; WebVTT börjar med ett WEBVTT-huvud och använder punkt.

### Kan jag ladda ner undertexterna jag skriver?

Ja. Ladda ner SRT eller Ladda ner VTT sparar dem som en undertextfil som du kan ladda upp till plattformar som tar emot en.

### Kan jag lägga till musik i en video i Gradiently?

Ja, på ett ljudspår. Importera en MP3-, M4A-, WAV- eller Ogg-fil på upp till 25 MB och ställ sedan in timing, volym och gradienter.

### Ingår undertexterna i den exporterade videon?

Ja. Undertexterna ritas in i bilden i MP4- eller WebM-filen, så de syns överallt där videon spelas, även utan ljud.
