Unduh

WebVTT

BukaSimpanPlain textWeb

Format subtitle di web: yang ditampilkan peramban lewat <track> HTML. Blok dari SubRip, dengan header, titik sebelum milidetik, dan tempat untuk gaya, posisi dan pembicara.

Sekilas

Ekstensi.vtt
Tipe mediatext/vtt
SpesifikasiW3C, WebVTT: The Web Video Text Tracks Format, sebuah Candidate Recommendation
Ketelitian waktuMilidetik
Encoding teksSelalu UTF-8: spesifikasinya mewajibkannya. Subtitld tetap membaca encoding lain.
GayaTag miring, tebal dan garis bawah; warna lewat kelas dan CSS (::cue). Tidak ada coret.
PosisiPengaturan cue (line, position, align, size, vertical) dan region
PembicaraTag suara: <v Thom>
Dalam kontainerMatroska sebagai S_TEXT/WEBVTT; MP4 sebagai wvtt (ISO/IEC 14496-30); aliran HLS dan DASH

Anatomi sebuah cue

Berkas terdiri dari header, lalu cue. Setiap cue adalah blok seperti di SubRip, dengan dua bagian opsional.

WEBVTT
 
intro
00:00:23.000 --> 00:00:24.500 line:0
<v Celia>You're a jerk,
<i>Thom</i>.
  1. 1 · Header

    WEBVTT, sendiri atau diikuti spasi dan judul, lalu baris kosong. Tanpa ini, peramban menolak seluruh berkas.

  2. 2 · Identifier

    Opsional. Nama untuk cue, di barisnya sendiri: angka seperti di SubRip, atau sebuah kata.

  3. 3 · Waktu

    Mulai, panah -->, selesai. Ada titik sebelum milidetik.

  4. 4 · Pengaturan

    Opsional. Di mana cue ditampilkan, setelah waktu selesai.

  5. 5 · Teks

    Baris teks, dengan tag untuk gaya dan suara. Baris kosong mengakhiri cue, jadi tidak ada baris kosong di dalamnya.

Kode waktu

Jam boleh dihilangkan. 00:27.000 menunjukkan waktu yang sama, dan banyak berkas di bawah satu jam ditulis begitu. Koma sebelum milidetik adalah kebiasaan SubRip, bukan WebVTT; Subtitld tetap membacanya.

Blok selain cue

Blok Isinya
NOTE Komentar, untuk pembaca manusia. Pemutar melewatinya.
STYLE CSS untuk cue, lewat ::cue. Sebelum cue pertama.
REGION Area bernama di layar tempat cue bisa digulir.

Teks cue

Tag Efek
<i>…</i>, <b>…</b>, <u>…</u> Miring, tebal, garis bawah
<c.yellow>…</c> Kelas, yang bisa diberi warna oleh CSS (atau kelas warna bawaan WebVTT)
<v Thom>… Suara: siapa yang berbicara. Menutupnya bersifat opsional.
<lang pt>…</lang> Bahasa dari sebagian teks
<ruby>漢<rt>kan</rt></ruby> Bacaan di atas teks, untuk bahasa Jepang dan Tionghoa
<00:00:28.500> Stempel waktu di dalam cue, untuk karaoke
&amp; &lt; &gt; &nbsp; Ampersand, <, > dan spasi tanpa putus, yang jika tidak akan dibaca sebagai markup

Warna

Delapan kelas diberi warna tanpa CSS sama sekali: white, lime, cyan, red, yellow, magenta, blue dan black, serta delapan yang sama dengan bg_ untuk latar belakang. Warna lain memerlukan kelas sendiri dan blok STYLE:

STYLE
::cue(.gold) { color: #ffd700; }

00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>

Tidak semua pemutar membaca blok STYLE; kelas warna bawaan WebVTT adalah pilihan yang lebih aman. Subtitld memakainya setiap kali warna termasuk salah satu dari delapan.

Pengaturan cue

Pengaturan Fungsinya
line:0 Baris di layar: angka menghitung baris dari atas (negatif dari bawah), persentase dari tepi atas
position:10% Letak kotak cue secara horizontal di layar
align:start Perataan teks di dalam kotak: start, center, end, left, right
size:50% Lebar kotak
vertical:rl Teks vertikal, dari kanan ke kiri atau kiri ke kanan
region:fred Menampilkan cue di dalam REGION

Subtitld membaca line, position dan align sebagai posisi subtitle di layar, sama dengan sembilan posisi {\an1} sampai {\an9} di SubRip, dan menuliskannya kembali: line:0 untuk atas, line:50%,center untuk tengah, position:10% align:start dan position:90% align:end untuk sisi-sisinya.

WebVTT di Subtitld

Tersimpan di .vtt
  • Teks dan pemisah baris setiap subtitle
  • Miring, tebal, garis bawah, dan warna
  • Posisinya di layar
  • Pembicara, sebagai tag suara
  • Waktu mulai dan selesai, hingga milidetik, berurutan
Tidak ada tempatnya
  • Coret: WebVTT tidak punya tag untuknya
  • Wajah dan warna pembicara
  • Terjemahan di samping yang asli (bisa menggantikannya, atau ditempatkan di bawahnya)
  • Dubbing dan metadata

Simpan proyek .usfx untuk menyimpannya.

Membuka berkas WebVTT

Subtitld menemukan setiap cue berdasarkan baris waktunya dan membaca:

  • header, blok NOTE, STYLE dan REGION sebagaimana adanya, bukan sebagai subtitle, dan identifier cue sebagai nama;
  • waktu dengan atau tanpa jam, dengan titik atau koma;
  • suara sebagai pembicara subtitle, siap untuk dubbing;
  • kelas warna WebVTT, dan warna yang diberikan blok STYLE untuk kelas lain;
  • line, position dan align sebagai posisi subtitle di layar;
  • encoding apa pun, meski WebVTT meminta UTF-8.

Subtitld melewatkan yang tidak punya tempatnya: region, ukuran cue, teks vertikal, bacaan ruby, dan stempel waktu karaoke. Teksnya sendiri tetap ada.

Mengekspor WebVTT

Dialog ekspor Subtitld dengan VTT dipilih dan pembicara ditulis sebagai tag suara

Export, lalu Subtitle dan VTT, menawarkan:

  • TeksYang asli, terjemahan, atau keduanya, dengan terjemahan di bawah.
  • Nama pembicaraDihilangkan, ditulis sebelum teks (Thom: …), atau sebagai tag suara (<v Thom>), cara asli WebVTT.
  • PemformatanDipertahankan, atau dihapus.
  • Geser waktuSetiap subtitle dimajukan atau dimundurkan dengan selisih yang sama.

Berkas selalu UTF-8, sebagaimana diwajibkan WebVTT: WEBVTT, lalu cue diurutkan menurut waktu mulai, dengan setiap waktu lengkap dengan jamnya. Karakter yang bisa terbaca sebagai markup ditulis sebagai entitas, dan subtitle kosong dihilangkan.

Di halaman web

<video controls src="tears-of-steel.mp4">
  <track kind="subtitles" src="tears-of-steel.en.vtt"
         srclang="en" label="English" default>
</video>

Sajikan berkas sebagai text/vtt. Dari domain lain, video memerlukan crossorigin dan server memerlukan header Access-Control-Allow-Origin, atau peramban tidak akan memuat trek tersebut.

WebVTT atau SubRip?

SubRip untuk pemutar, editor dan unggahan; WebVTT untuk video di web. Halaman SubRip menyandingkan keduanya.

Tahukah Anda

2010

Format ini awalnya bernama WebSRT, disusun di WHATWG untuk elemen <track> baru HTML5 dan dibangun di atas SubRip, sebelum akhirnya memakai nama WebVTT.

WEBVTT

Enam huruf di awal setiap berkas. Peramban yang tidak menemukannya akan menolak seluruh trek.

8

Warna yang dikenal pemutar tanpa CSS: white, lime, cyan, red, yellow, magenta, blue dan black, untuk teks dan untuk latar belakangnya.

Format terkait

Ada .vtt yang perlu diperbaiki?

Buka di Subtitld bersama videonya, lalu atur waktunya pada bentuk gelombang.

Unduh Subtitld