REC

Tips om videoinspelning, produktion, videoredigering och underhåll av utrustning.

 WTVID >> Sverige Video >  >> video- >> Videotips

WebVTT-undertextfil:allt du behöver veta för att använda den

Ni har förmodligen alla använt en SRT-fil (SubRip). Det stöds av nästan all videoprogramvara och är det mest använda undertextningsformatet i världen.

Ändå, ganska överraskande, kodar den inte mycket av din undertextinformation. Till exempel tar den inte hänsyn till undertextpositionering, anpassning och synkronisering.

Det är synd, vi håller med...

Lyckligtvis visar det sig att WebVTT-formatet är det perfekta svaret för att övervinna dessa brister. Anpassad för webbläsning tar den hänsyn till mer information än SRT samtidigt som den stöds av ett nästan lika stort antal mjukvara (Youtube, sociala nätverk...).

Vi visar dig varför du bör använda .vtt-filer och hur du enkelt kan generera dem.

Varför använda en WebVTT-fil?

WebVTT-formatet skapades 2010 av Web Hypertext Application Technology Working Group (WHATWG)-gemenskapen av HTML-utvecklare och syftar till att förbättra spårningen av textdata på HTML5.

Från början har denna typ av fil ansetts vara ett mer utarbetat alternativ till SRT-formatet, efter att ha fått namnet "WebSRT" innan de ändrades till "WebVTT".

Även om det fortfarande är under utveckling och acceptans av W3C-organisationen, är det nu läsbart av nästan alla webbläsare (Google Chrome, Safari, …) videospelare (Vimeo, JW player, BrightCove …) och sociala nätverk (Youtube).

Du kan därför använda dess funktioner på många medier, även om till exempel på Youtube endast positioneringsparametrarna tas med i beräkningen. Fördelen är dock att formatet expanderar på nätet och kan ge ännu fler innovationer i framtiden.

Så varför använda en .vtt-fil istället för en universellt erkänd .srt-fil? Tja, den har ett antal mycket bättre funktioner :

  • Du kan lägga till HTML-taggar för att hantera formateringen av din text (fet, markerad, kursiv):
  • Anpassa placeringen och storleken på visningen av dina undertexter: storlek:50 %
  • Ange namnet på högtalarna med taggen
  • Lägga till metadata och kommentarer för att göra ditt arbete mer samarbetsvilligt:​​OBS
  • Visa din text på ett mer progressivt sätt med tillägg av mer exakta tidskoder <00:19.000> i sekvensen (intressant för en karaokeversion)
  • Kompatibel med en mer avancerad CSS-anpassning (färger, undertexttypsnitt om du implementerar din video på din webbplats

Så det är ett mycket flexibelt verktyg för att få mer kontroll över ditt undertextningsarbete!

Vtt-format:hur gör man en fil själv?

Även om den är ganska lik strukturen för en SRT-fil, har WebVTT sina egna särdrag när det gäller formatering. Vi förklarar hur du designar en själv.

Kodning av den grundläggande strukturen

För att komma igång, skaffa en textredigerare som kan konvertera till UNIF-8 som Notepad på Windows eller TextEdit på Mac. Du kan sedan transkribera din video i det här formuläret :

Lägga till ytterligare specifikationer

För närvarande är strukturen mycket lik SRT. Men det finns ytterligare kodmöjligheter. Du kan lägga till stilinställningar för att anpassa storleken, placeringen och teckensnittet på dina undertexter. Alla funktioner stöds inte av videospelare, men det är ändå värt ett försök.

Här är 2 sätt att ställa in stilen på dina undertexter.

Genom att definiera en etikett i början av koden :

Genom att definiera den i textsekvensen :

Genom att använda en av dessa metoder kan du sedan lägga till den stiletikett du vill ha och som alla listas här.

Här är några tips för att göra dina undertexter så tillgängliga som möjligt:

  • Försök att dela upp dina undertextsekvenser i två rader som överlappar varandra på ett likvärdigt sätt
  • Dela dina meningar så logiskt som möjligt (t.ex. genom att använda skiljetecken osv.).
  • Försök att synkronisera början av dina sekvenser vid det exakta ögonblicket när högtalarna börjar röra på läpparna.
  • Håll undertextpositioneringen centrerad mot botten av skärmen. Gör inte dina undertexter för stora eller för små.
  • Gör många korrekturläsningar av ditt arbete

Mer information för att förbättra din transkription på den här sidan.

Hur använder man en automatisk WebVTT-generator?

Tja, som du har sett är det ett ganska komplicerat kodningsjobb. Det är därför, uppenbarligen, det är bättre att använda dedikerad programvara för att göra processen enklare.

Bra är att det finns några automatiska undertextningslösningar som gör att du enkelt kan generera anpassade .vtt-filer. Här visar vi hur du använder vår undertextgenerator, Checksub.com.

Vår lösning har många fördelar för videoskapare, inklusive:

  • Ett avancerat API för taligenkänning
  • En maskinöversättningsmotor för att översätta din video, inklusive 128 olika tillgängliga språk.
  • En kraftfull och lättanvänd online undertextredigerare
  • En samarbetsplattform för att arbeta med översättare, kunder och andra partners

Detta kommer att spara mycket tid för att fokusera på videoproduktion, samtidigt som du har kontroll över ditt arbetsflöde.

Hur man använder en automatisk .vtt-lösning

För att komma igång ladda upp din video till Checksub-gränssnittet. Du måste sedan välja originalspråket för ditt videoinnehåll och eventuellt de språk du vill översätta. Vår lösning kommer då automatiskt att generera en utskrift som du kan redigera. Kontrollera transkriptionen och synkroniseringen, redigera som du vill. Du kan skära dina meningar i flera bitar med verktyget symboliserat med ett hjul.

När du har arbetat klart med undertextredigeraren kan du exportera din transkription i ett WebVTT-format. Vår lösning integrerar ännu inte stiländringarna men du kan enkelt göra dem i filen genom att följa våra råd ovan.

Nu behöver du bara ladda ner den här filen på video eller implementera den på din webbplats. Vi hoppas att detta kommer att göra ditt innehåll tillgängligt för många människor!


  1. YouTube-statistik:Allt du behöver veta 2022!

  2. Allt du behöver veta om webbseminarier

  3. Establishing Shot:Allt du behöver veta

  4. Hur man spelar in ett Facetime-samtal:Allt du behöver veta

  5. Allt du behöver veta om TikTok-berättelser

  1. YouTube Shorts 101:Allt du behöver veta

  2. Videoformat:Vad du behöver veta och de 6 filformaten du behöver

  3. Allt du behöver veta om Stop Motion

  4. Allt du behöver veta innan du hyr en kamera

  5. Vad är skärpedjup förklaras – allt du behöver veta!

  6. Webbsändningar vs webbseminarier:allt du behöver veta

  7. Videopostproduktion:Allt du behöver veta [fullständig guide]

  8. Hur suddar man en video på Capcut? Allt du behöver veta