Cara Mengonversi SRT ke VTT untuk Video Web | AllSubConverter

Jika Anda pernah menanamkan video di situs web hanya untuk melihat subtitle tidak mau dimuat, formatnya hampir selalu menjadi penyebabnya. Sebagian besar file subtitle di internet adalah SRT, tetapi browser mengharapkan VTT. Panduan ini menjelaskan persis mengapa demikian dan menunjukkan cara mengonversi SRT ke VTT dalam hitungan detik.

Mengapa Player Web Membutuhkan VTT

Elemen HTML5 <video> dirancang dengan mempertimbangkan aksesibilitas, dan menyediakan elemen anak <track> untuk takarir dan subtitle. Masalahnya adalah elemen <track> secara resmi hanya mendukung satu format trek teks: WebVTT (Web Video Text Tracks).

Coba arahkan <track> ke file .srt mentah dan kebanyakan browser akan mengabaikannya diam-diam. Tombol subtitle muncul, file diunduh, tetapi tidak ada yang ditampilkan. Itulah mengapa langkah konversi tidak terhindarkan bagi siapa pun yang menyajikan video di web.

SRT vs VTT — Apa yang Sebenarnya Berubah

Kedua format terlihat mirip, dan konten teks biasanya identik cue per cue. Perbedaannya kecil tetapi ditegakkan secara ketat:

Aspek	SRT	VTT
Header	Tidak ada	Harus diawali dengan WEBVTT
Pemisah waktu	Koma sebelum ms (00:01:02,500)	Titik sebelum ms (00:01:02.500)
Nomor indeks cue	Wajib (1, 2, 3…)	Opsional
Pengaturan cue	Tidak didukung	Didukung (align:center line:90%)
Styling inline	Tidak didukung	Didukung via <b>, <i>, <u>

Dua aturan timestamp adalah yang menghentikan pemutaran. Browser yang memparsing VTT mengharapkan titik sebagai pemisah milidetik; koma yang digunakan oleh SRT diperlakukan sebagai cue yang cacat dan seluruh blok dilewati.

Persyaratan Header WEBVTT

Setiap file VTT yang valid harus diawali dengan string harfiah WEBVTT pada baris pertama, diikuti oleh baris kosong. Tanpa header ini, browser menolak file secara langsung. File VTT minimal terlihat seperti ini:

WEBVTT

00:00:01.000 --> 00:00:04.000
Selamat datang kembali ke serial ini.

00:00:04.500 --> 00:00:07.000
Hari ini kita mengonversi subtitle untuk web.

Bandingkan dengan equivalent SRT, yang memiliki cue bernomor dan timestamp dipisahkan koma:

1
00:00:01,000 --> 00:00:04,000
Selamat datang kembali ke serial ini.

2
00:00:04,500 --> 00:00:07,000
Hari ini kita mengonversi subtitle untuk web.

Langkah demi Langkah: Konversi SRT ke VTT

1. Buka konverter. Pergi ke alat SRT ke VTT. Tidak perlu instalasi atau pendaftaran.
2. Unggah file SRT Anda. Seret dan jatuhkan file, tempel teksnya ke dalam kotak, atau pilih dari perangkat Anda. Beberapa file didukung untuk pekerjaan batch.
3. Biarkan konverter berjalan. Alat ini menyisipkan header WEBVTT, menukar setiap pemisah timestamp koma menjadi titik, dan menormalkan format cue.
4. Unduh file VTT. Salin hasilnya atau simpan di sebelah video Anda dengan nama file yang cocok agar browser mengaitkannya secara otomatis.
5. Hubungkan ke player Anda. Referensikan file dari elemen <track> dan selesai.

Setup HTML5 tipikal terlihat seperti ini:

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

Manfaat Kompatibilitas Browser

Mengonversi ke VTT bukan hanya tentang melewati parser — itu membuka fitur browser nyata:

• ✅ Kontrol subtitle native di Chrome, Firefox, Safari, dan Edge tanpa JavaScript
• ✅ Cue yang dapat diakses yang ditangkap oleh pembaca layar melalui atribut kind="captions"
• ✅ Mode tulis kanan-ke-kiri dan vertikal untuk bahasa yang membutuhkannya
• ✅ Penanda bab melalui kind="chapters"
• ✅ Posisi level-cue sehingga Anda dapat menjauhkan subtitle dari teks di layar

VTT juga bekerja baik dengan player web utama seperti Video.js, Plyr, Shaka Player, dan YouTube IFrame API, sehingga satu file yang dikonversi berfungsi di build kustom maupun player siap pakai.

Jebakan Umum yang Harus Dihindari

• Header ganda. Jika sumber Anda sudah berisi baris WEBVTT yang tidak sengaja, copy-paste naif dapat menghasilkan dua. Konverter ini mendeduplikasi untuk Anda.
• Masalah BOM dan encoding. Simpan VTT sebagai UTF-8 tanpa byte-order mark, jika tidak beberapa player salah membaca header.
• Tipe MIME. Sajikan file sebagai text/vtt. application/octet-stream generik akan diblokir oleh browser yang ketat.
• CORS. Ketika VTT berada di domain yang berbeda dari halaman, server harus mengirim header CORS yang benar atau subtitle gagal secara diam-diam.

Pertanyaan Umum

Bisakah browser langsung membaca SRT?

Secara resmi, tidak. Spesifikasi HTML5 hanya mengharuskan browser mendukung WebVTT di dalam <track>. Beberapa browser lebih longgar dan akan mencoba memparsing SRT, tetapi ini tidak dapat diandalkan, tidak konsisten antar versi, dan bukan sesuatu untuk diandalkan pada video produksi.

Apakah konversi mengubah pewaktu?

Sama sekali tidak. Jam, menit, detik, dan milidetik identik — hanya karakter antara detik dan milidetik yang berubah dari koma menjadi titik. Durasi cue dan titik sinkronisasi tetap persis sama.

Haruskah saya menyimpan nomor cue SRT?

VTT membuat nomor cue opsional, dan sebagian besar konverter menghapusnya karena pemisahan baris kosonglah yang mendefinisikan cue. Menyimpannya tidak berbahaya, tetapi menghapusnya menghasilkan file yang lebih ramping dan lebih mudah untuk di-diff dan diedit manual.

Bagaimana cara menambahkan takaril dalam beberapa bahasa?

Tambahkan satu elemen <track> per bahasa, masing-masing dengan srclang dan label sendiri. Tandai satu trek dengan default untuk mengontrol bahasa mana yang muncul pertama, dan biarkan penonton beralih dari menu subtitle player.

Jika Anda pergi ke arah sebaliknya dan membutuhkan subtitle sederhana untuk player desktop atau TV, panduan VTT ke SRT kami memandu Anda melalui alur kerja tersebut.