Takarir WebVTT (.vtt)

W3C Standar

Web Video Text Tracks (WebVTT) adalah standar web resmi W3C untuk takarir, subtitle, dan deskripsi bab, yang terintegrasi langsung ke elemen video HTML5 (<track>) dan HTTP Live Streaming (HLS) modern.

Konversi SRT ke VTT

Konverter SRT ke VTT gratis yang berjalan di peramban. Konversikan berkas secara instan di perangkat Anda.

Pemeriksaan & Metadata

Sistem operasi dan penganalisis file mengenali file WebVTT dengan memeriksa urutan byte biner di bagian awal:

Pilih atau letakkan berkas di sini

Privat - file tidak pernah meninggalkan perangkat Anda

atau tempel Ctrl+V
Jaminan Privasi Tanpa Transmisi Jaringan: 0 byte diunggah ke server eksternal. Semua pemrosesan berlangsung secara lokal di sandbox browser Anda.

Tanda Tangan Header per Byte (Byte Penanda)

Sistem operasi dan penganalisis file mengenali file WebVTT dengan memeriksa urutan byte biner di bagian awal:

TANDA TANGAN HEX (OFFSET 0):

57 45 42 56 54 54

REPRESENTASI ASCII: WEBVTT

Standardisasi: W3C WebVTT Recommendation

Spesifikasi Teknis

Arsitektur KontainerFile teks UTF-8 yang diawali tanda tangan 'WEBVTT', diikuti blok STYLE dan NOTE opsional serta blok cue berurutan
KompresiTeks biasa tanpa kompresi (biasanya dikompresi melalui HTTP dengan Gzip atau Brotli)
Urutan ByteAliran teks UTF-8
Ruang WarnaDukungan penuh CSS Color Module Level 4 dalam gaya cue
Saluran & StrukturCue bertanda waktu, keyakinan pengenalan ucapan, gaya CSS, dan pengaturan posisi layar
Dimensi MaksimumCue berurutan tanpa batas
TransparansiOpasitas CSS penuh dan transparansi alfa melalui elemen semu '::cue'
Streaming & ProgresifStreaming native pada elemen HTML5 <video> dan manifes video langsung HLS / DASH

Perbandingan Teknis WebVTT dengan Pesaing

Atribut TeknisWebVTT (Saat Ini)SRTASSSUB
Integrasi Web HTML5100% standar bawaan (<track>)Memerlukan konversi JSMemerlukan WebAssemblyMemerlukan konversi
Gaya CSSDukungan penuh untuk gaya CSS bawaan (::cue)Hanya tag HTML dasarTag penimpaan proprietariTidak ada
Streaming HLS / DASHWebVTT digunakan untuk trek teks bertiming pada video browser dan beberapa playlist streaming; dukungan pemutar bergantung pada format penyajianDidukung melalui muxingDukungan streaming terbatasTidak ada
Persyaratan tajukBaris teks 'WEBVTT' wajib tercantum tepat di baris pertamaTidak diperlukan tajukBagian [Script Info]Tidak diperlukan tajuk

Pola Kerusakan Umum dan Panduan Pemulihan Hex

Kesalahan konsol peramban: 'Malformed WebVTT file: Missing WEBVTT signature'.

Penyebab Utama: Hilangnya string 'WEBVTT' pada baris 1, atau baris kosong sebelum tajuk.

Pemulihan: Tambahkan 'WEBVTT\n\n' di bagian atas file menggunakan Konverter Subtitel File2File.app.

Analisis Keamanan & Vektor Serangan Parser

Pengurai WebVTT di peramban web memproses isyarat yang tidak tepercaya yang dapat menyebabkan Cross-Site Scripting (XSS) jika dirender tanpa sanitasi ke dalam DOM.

Vektor Serangan yang Diketahui

  • Injeksi XSS melalui konten isyarat HTML yang tidak disanitasi yang dimasukkan ke dalam DOM pemutar video web.
  • Server-Side Request Forgery (SSRF) selama pembuatan gambar mini subtitle otomatis di sisi server.
  • Penolakan layanan melalui pemilih isyarat CSS yang rusak.

Praktik Terbaik Defensif: Andalkan perenderan bawaan browser melalui <track> dan sanitasi payload isyarat sebelum penyisipan DOM manual.

Asal-Usul & Tonggak Sejarah

2019W3C secara resmi memajukan WebVTT: Format Web Video Text Tracks menuju usulan rekomendasi.
2011Berganti nama dari WebSRT menjadi WebVTT untuk menetapkan standar W3C yang berbeda dari SubRip klasik.
2010WHATWG memperkenalkan WebVTT agar tag <video> HTML5 dapat menampilkan takarir secara bawaan.

Keunggulan & Kelebihan Utama

  • Elemen HTML <track> menggunakan WebVTT untuk teks takarir dan subtitle. Peramban menampilkan waktu dan gaya cue melalui pemutar video, dengan beberapa perbedaan pada fitur cue yang didukung.
  • Dukungan gaya CSS yang kaya: sesuaikan warna, fon, latar belakang, dan posisi menggunakan elemen semu CSS bawaan '::cue'.
  • Layanan HLS dan MPEG-DASH dapat mengirim trek teks takarir WebVTT bersama segmen video. Pastikan pemutar tujuan mendukung kemasan teks takarir pada playlist dan trek bahasa.

Keterbatasan Teknis & Kekurangan

  • Persyaratan tajuk yang ketat: file harus dimulai dengan teks persis 'WEBVTT' pada baris pertama atau peramban akan menolaknya.
  • Pemisah milidetik titik ('00:01:20.500') memerlukan konversi dari file SRT lama yang dipisahkan koma.
  • Pemutar perangkat keras non-peramban yang lebih lama (seperti kotak media USB murah) sering kali tidak memiliki dukungan bawaan untuk WebVTT.

Fakta Teknis Menarik

  • Setiap file WebVTT yang valid harus dimulai dengan kata persis 'WEBVTT' pada baris pertama; hal lain akan menyebabkan peramban mengabaikan file tersebut.
  • WebVTT awalnya disebut 'WebSRT' karena sengaja dirancang agar hampir sama dengan takarir SRT klasik.
  • WebVTT juga dapat digunakan untuk bab video dan tip alat gambar mini interaktif saat mengarahkan kursor ke bilah penggeser video.

Pertanyaan Teknis yang Sering Diajukan

Untuk apa WebVTT digunakan?

WebVTT adalah format standar web resmi untuk menambahkan subtitle, takarir, bab, dan deskripsi ke elemen <video> HTML5 di situs web.

Bagaimana cara mengonversi subtitle SRT ke WebVTT?

Anda dapat mengonversi file SRT menjadi file WebVTT yang bersih dalam satu klik menggunakan File2File.app langsung di peramban Anda.

Mengapa subtitle WebVTT saya tidak muncul di peramban?

Pastikan file Anda dimulai dengan 'WEBVTT' pada baris 1, memiliki baris kosong di bawahnya, dan server web Anda menyajikannya dengan header 'Content-Type: text/vtt'.