Kas ir WebVTT?

WebVTT (Web Video Text Tracks Format) ir teksta balstīts subtitru formāts, ko izmanto, lai pievienotu laika sinhronizētus teksta sliedes video. Tas ir oficiālais formāts, ko atbalsta HTML5, izmantojot <track> elementu, ļaujot pievienot:

• Subtitri (tulkota runa)
• Paraksti (runas un skaņu efekti)
• Apraksti (vizuāla informācija ekrāna lasītājiem)
• Nodaļas (navigējami punkti video)
• Metadati

WebVTT pamata struktūra

• WebVTT fails sastāv no:
  • Pēc izvēles galvenes (WEBVTT).
  • Pēc izvēles metadati (komentāri vai stila/skripta bloki).
  • Norādes (teksta segmenti ar laika kodiem un saturu).

1. Norādes formāts

Norādei ir šāda struktūra:

[HH:]MM:SS.mmm --> [HH:]MM:SS.mmm [cue settings]
Text payload...

• Laiks: Sākuma un beigu laiki HH:MM:SS.mmm formātā.
• Iestatījumi (pēc izvēles):
  • vertical (lr/rl vertikālam tekstam)
  • line (pozicionēšana)
  • position (horizontāla izlīdzināšana)
  • size (platums/procenti)
  • align (sākums/vidus/beigas)

2. Norādes saturs

• Var būt vienkāršs teksts vai ietvert marķējumu:
  • Tagi: <b>, <i>, <u>, <ruby>, <lang> utt.
  • Laika zīmes (<00:00:05.000>) karaoke stilam.

3. Stilizēšana un CSS

• Stilus var piemērot, izmantojot:
  • Iekļautas norādes (izmantojot tagus).
  • CSS pseidoelementus (::cue, ::cue-region) HTML.

4. Metadatu sliedes

• WebVTT var saturēt metadatus (JSON u.c.) interaktīvām lietojumprogrammām.

5. Faila kodējums

• Jābūt UTF-8 kodētam.
• Rindas beidzas ar \r\n, \n vai \r.

6. Apstrādes noteikumi

• Parsētājiem jāspēj izturīgi apstrādāt nepareizi formatētus failus.
• BOM (Byte Order Mark) ir izvēles.

7. HTML5 integrācija

<video>
  <track src="subtitles.vtt" kind="subtitles" srclang="en" default>
</video>

• kind var būt subtitles, captions, descriptions, chapters vai metadata.

8. Pārlūkprogrammu atbalsts

• Plaši atbalstīts mūsdienu pārlūkprogrammās (Chrome, Firefox, Safari, Edge).

9. Lietošanas gadījumi

• Subtitri/Paraksti pieejamībai.
• Karaokes teksti ar laika sinhronizāciju.
• Nodaļu navigācija video.
• Metadati interaktīvām video lietotnēm.

WebVTT faila piemērs:

WEBVTT

00:00:00.000 --> 00:00:03.000
Welcome to our tutorial on WebVTT.

00:00:04.000 --> 00:00:08.000
In this video, you'll learn how to add subtitles to your HTML5 videos.

Meklēšanas dzinēji nevar “skatīties” jūsu video, bet tās var nolasīt teksta balstītu saturu. Izmantojot WebVTT failus, jūs pievienojat indeksējamu tekstu, kas:

• Uzlabot atklāmību: Google var indeksēt parakstus un transkriptus, ļaujot jūsu video parādīties vairākos meklēšanas rezultātos.
• Palielināt iesaisti: Subtitriem aprīkoti video ilgāk notur lietotājus, palielinot sesijas ilgumu un samazinot atlecošo apmeklētāju skaitu.
• Uzlabot pieejamību: Paraksti ir būtiski lietotājiem, kuri ir kurši vai ar dzirdes traucējumiem, un tie tiek ņemti vērā SEO reitinga algoritmos.

Kad WebVTT fails ir saistīts ar video tīmekļa lapā, Google var parsēt un izprast šo laika sinhronizēto tekstu, padarot saturu atbilstošāku noteiktām vaicājumu grupām.

Kā pievienot WebVTT HTML5 video

Jūs varat iekļaut WebVTT failu savā video, izmantojot <track> elementu:

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>

• src: Ceļš uz jūsu .vtt failu
• kind: Teksta sliedes veids (subtitles, captions, chapters utt.)
• srclang: Valodas kods (piem., en, es)
• label: Sliedes nosaukums, kas tiek rādīts atskaņotājā

WebVTT vs SRT: Kāda ir atšķirība?

Rīki WebVTT failu izveidei un rediģēšanai

• Teksta redaktori: VS Code, Sublime Text
• Subtitru redaktori: Subtitle Edit, Amara, Aegisub
• Konvertētāji: Izmantojiet rīkus, lai konvertētu SRT uz VTT un otrādi

Kā atvērt WebVTT failu?

Lai atvērtu WebVTT (.vtt) failu, varat izmantot jebkuru teksta redaktoru vai subtitru redaktoru.

Atvērt teksta redaktorā

• Windows: Notepad, Notepad++, VS Code
• macOS: TextEdit, Sublime Text
• Linux: Gedit, nano, Vim

Tā kā .vtt faili ir vienkāršs teksts, jūs varat tos skatīt un rediģēt kā jebkuru parasto teksta failu.

Atvērt subtitru redaktorā

• Subtitle Edit (Windows)
• Aegisub (platformu neatkarīgs)
• Amara (tīmekļa balstīts)

Atvērt pārlūkā

1. Izveidojiet vienkāršu HTML failu ar <video> un <track> tagu.
2. Atveriet HTML failu pārlūkā, lai skatītu video ar subtitriem.

Galvenās ASS failu īpašības

Biežāk uzdotie jautājumi

J1: Kāda ir atšķirība starp WebVTT un SRT?

WebVTT ir balstīts uz SRT, bet pievieno svarīgas funkcijas, piemēram, teksta pozicionēšanu, balss tagus, CSS stilus un metadatu atbalstu, kā arī iebūvētu integrāciju ar HTML5 video.

J2: Kā pievienot WebVTT subtitrus YouTube?

Ielādējiet savu .vtt failu, pievienojot subtitrus savam video, vai izmantojiet YouTube automātisko parakstu ģenerēšanu un lejupielādējiet izveidoto WebVTT failu rediģēšanai.

J3: Vai WebVTT faili var ietvert attēlus?

WebVTT specifikācija tieši neatbalsta iegultus attēlus, taču varat izmantot metadatu norādes ar URL un īstenot pielāgotu attēlu attēlošanu, izmantojot JavaScript.

J4: Kāpēc mani WebVTT stili netiek piemēroti?

Pārbaudiet, vai STYLE bloki ir pirms pirmās norādes, nesatur tukšas rindas un pareizi izmanto ::cue pseidoelementu. Tāpat pārliecinieties par pārlūkprogrammas saderību.

J5: Vai WebVTT faili darbojas ar straumēšanas protokoliem, piemēram, HLS?

Jā, HLS (HTTP Live Streaming) atbalsta segmentētus WebVTT, lai efektīvi straumētu parakstus kopā ar video saturu.

Atsauces

• WebVTT: Web Video Text Tracks formāts