Skip to content

Pengonversi Subtitle SRT ke VTT

Ubah file SubRip menjadi WebVTT untuk situs web, YouTube, dan pemutar video HTML5.

Seret dan lepas file SRT Anda di sini

atau klik untuk mencari

Mendukung file .srt hingga 50 MB

Arsitektur mesin inti

Menjembatani Kesenjangan Subtitle Paling Umum

SRT adalah format subtitle yang paling banyak digunakan, tetapi peramban tidak menerimanya. Spesifikasi HTML5 mewajibkan WebVTT untuk elemen <track>, dan semua peramban utama menegakkan persyaratan ini. Pengonversi ini melakukan tiga transformasi penting: menambahkan header WEBVTT wajib di awal, mengubah penanda waktu milidetik SRT yang dipisahkan koma (00:01:30,500) menjadi format VTT berpisah titik (00:01:30.500), dan menghapus nomor entri SRT yang tidak digunakan VTT. Hasilnya langsung dimuat di Chrome, Firefox, Safari, Edge, dan peramban seluler.

Inspektor payload dan sintaksis

SRT ke VTT Inspeksi sintaksis dan struktur kode

Perbandingan berdampingan sintaksis kode yang mengilustrasikan definisi header, sintaksis timestamp, dan format payload cue

Sinkronisasi milidetik
input.srt
SRT SUMBER
1
00:00:01,000 --> 00:00:04,000
Hello, world!
 
2
00:00:04,500 --> 00:00:08,000
This is a subtitle file.
 
3
00:00:08,500 --> 00:00:12,000
Converted locally!
output.vtt
VTT HASIL
WEBVTT
 
00:00:01.000 --> 00:00:04.000
Hello, world!
 
00:00:04.500 --> 00:00:08.000
This is a subtitle file.
 
00:00:08.500 --> 00:00:12.000
Converted locally!
Lembar spesifikasi

SRT vs VTT Spesifikasi teknis

Sesuai Standar
Format Input

SRT

SRT

SRT (SubRip) adalah format subtitle teks polos paling umum. Setiap entri terdiri dari nomor urut, baris penanda waktu dengan milidetik terpisah koma (00:01:30,500 --> 00:01:35,000), dan satu baris teks subtitle atau lebih. File SRT tidak memiliki header, metadata, atau gaya. Format ini kompatibel dengan hampir semua pemutar media kecuali peramban web.

Format Keluaran

VTT

VTT

VTT (WebVTT) adalah format subtitle standar W3C untuk video HTML5. File diawali header WEBVTT. Setiap cue memiliki penanda waktu berpisah titik (00:01:30.500 --> 00:01:35.000) tanpa nomor entri. VTT mendukung pengaturan cue opsional untuk pemosisian (line, position, align) dan blok NOTE untuk komentar metadata.

Perbedaan Format

Penanda waktu SRT menggunakan pemisah koma (00:01:30,500). Penanda waktu VTT menggunakan pemisah titik (00:01:30.500).
Entri SRT diawali nomor urut (1, 2, 3...). Cue VTT memiliki pengenal string opsional.
SRT tidak memiliki header file. VTT mewajibkan teks WEBVTT pada baris pertama.
SRT tidak mendukung pemosisian atau gaya. VTT mendukung pengaturan cue (line, position, align, size).
File SRT biasanya disajikan sebagai text/plain. File VTT sebaiknya disajikan server web sebagai text/vtt.
SRT dikenali pemutar media desktop. VTT dikenali peramban web dan pemutar video JavaScript.

Pemecahan masalah konversi dan jebakan umum

Solusi praktis untuk kompatibilitas pemutar, pengodean karakter, dan sinkronisasi waktu

4 jebakan umum
GOTCHA #1

Mengapa konsol peramban menampilkan 'Failed to load resource' atau menolak trek .vtt?

Peramban web mengharuskan server statis menyajikan file WebVTT dengan tipe MIME yang tepat 'text/vtt; charset=utf-8'. Selain itu, jika video dan subtitle dihosting di domain berbeda, pastikan server mengembalikan header CORS yang sesuai (Access-Control-Allow-Origin: *), jika tidak Chrome/Safari akan memblokir trek subtitle demi alasan keamanan.

GOTCHA #2

Subtitle tampak tidak sinkron atau bergeser di pemutar video HTML5 (Video.js, Plyr, pemutar bawaan)

WebVTT secara ketat mewajibkan timestamp kronologis. Jika file SRT asli berisi cue yang tidak berurutan, timestamp yang tumpang tindih, atau durasi negatif, parser WebVTT peramban dapat gagal menampilkan cue berikutnya. AllSubConverter mengurutkan cue secara kronologis dan membersihkan rentang timestamp selama ekspor.

GOTCHA #3

Mengapa tag HTML dasar (<b>, <i>, <font>) dari SRT berperilaku aneh di WebVTT?

WebVTT secara bawaan mendukung tag suara `<v Name>`, kelas `<c.classname>`, tebal `<b>`, dan miring `<i>`, tetapi tidak mendukung tag lama `<font color=...>`. Gunakan penataan gaya CSS ::cue (mis. video::cue { color: yellow; }) untuk menata gaya trek WebVTT Anda secara bawaan.

GOTCHA #4

Mengapa huruf beraksen atau emoji tampil sebagai simbol rusak di halaman web?

File WebVTT harus selalu dikodekan dalam UTF-8. Jika SRT asli dibuat di Windows dengan ANSI/Windows-1252 atau GBK, karakter non-ASCII akan rusak. Engine kami menulis keluaran UTF-8 tanpa byte order mark (BOM).

Fitur

Menambahkan header WEBVTT wajib yang diminta peramban di baris pertama
Mengonversi penanda waktu koma SRT (00:01:30,500) menjadi penanda waktu titik VTT (00:01:30.500)
Menghapus nomor entri berurutan SRT yang tidak digunakan dalam format VTT
Menulis cue tanpa pengenal opsional sehingga tata letak VTT tetap minimal
Menangani file SRT dengan BOM serta akhir baris CRLF atau LF dengan baik
Mempertahankan teks subtitle secara persis, termasuk semua jeda baris dan karakter khusus
Menghasilkan VTT berenkoding UTF-8 yang dikenali peramban modern dan banyak pemutar web
Memproses file secara lokal di peramban Anda tanpa mengunggah subtitle

Mengapa Mengonversi?

Elemen <video> HTML5 hanya menerima WebVTT melalui tag <track>. Peramban secara diam-diam mengabaikan file SRT.
Pengunggahan subtitle YouTube menerima file VTT dengan pewaktuan cue yang dipertahankan.
Video.js, Plyr, JW Player, dan Shaka Player memuat VTT secara bawaan melalui API track standar.
Panduan aksesibilitas web mendorong penyediaan caption; WebVTT adalah format caption yang umum dipakai untuk video web.
Sistem manajemen pembelajaran umumnya menggunakan VTT untuk caption video yang dapat diakses.
Pengaturan cue VTT memungkinkan pemosisian dasar (atas, bawah, kiri, kanan) yang tidak dapat dinyatakan SRT.
Pastikan file VTT yang dihosting di CDN disajikan dengan MIME type text/vtt agar kompatibel dengan peramban.
Scenarios

Kasus Penggunaan Umum

Penyematan Video Situs Web

Tambahkan subtitle ke video HTML5 di situs Anda. Peramban meminta VTT melalui elemen <track> dan tidak akan menampilkan subtitle SRT.

Unggah Caption YouTube

Unggah subtitle VTT melalui YouTube Studio agar pewaktuan caption Anda tetap terjaga di video.

Aksesibilitas Pembelajaran Daring

Sediakan trek caption VTT untuk konten video edukatif, lalu tinjau konten dan pewaktuan caption sesuai persyaratan aksesibilitas Anda.

Pengembangan Pemutar Video Kustom

Muat trek subtitle VTT di pemutar video JavaScript (Video.js, Plyr, Shaka Player) menggunakan API <track> standar.

Subtitle Video Media Sosial

Beberapa platform sosial dan editor video berbasis web menerima VTT untuk menambahkan caption pada konten video promosi dan sosial.

Format Ecosystem

Format Terkait

ASS

Advanced SubStation Alpha mendukung gaya dan pemosisian. Konversikan SRT ke ASS untuk kebutuhan anime dan subtitle bergaya.

TTML

TTML digunakan beberapa alur kerja streaming dan siaran. Konversikan SRT ke TTML saat tujuan Anda meminta format teks berwaktu XML.

LRC

LRC untuk lirik lagu. Konversikan SRT ke LRC untuk menggunakan kembali konten subtitle sebagai lirik lagu tersinkron.

Cara Kerja

  1. 1

    Seret file .srt Anda ke pengonversi atau klik untuk menelusuri file.

  2. 2

    Pengurai membaca setiap entri SRT: nomor, baris penanda waktu, dan blok teks.

  3. 3

    Pemisah koma dalam penanda waktu diganti titik (00:01:30,500 menjadi 00:01:30.500).

  4. 4

    Nomor entri berurutan dihapus karena VTT menggunakan pengenal cue opsional.

  5. 5

    Header WEBVTT ditambahkan sebagai baris pertama keluaran.

  6. 6

    Setiap entri bersih menjadi blok cue VTT dengan penanda waktu dan teks.

  7. 7

    Konten VTT akhir dienkoding sebagai UTF-8 dan siap diunduh.

moreTools.fromFormat

SRT LRCSRT SBVSRT ASSSRT TXTSRT TTMLSRT SCCSRT STLSRT SMI

moreTools.toFormat

LRC VTTJSON VTTASS VTTSBV VTTSSA VTTTTML VTTSCC VTTSTL VTT

Lebih Banyak Alat Subtitle

Pembersih Format Subtitle

Hapus pemformatan, tag, dan gangguan

Editor Subtitle

Edit teks dan penanda waktu subtitle dalam kisi

Sinkronisasi Subtitle & Penyesuaian Waktu

Sesuaikan penanda waktu dengan presisi milidetik

Penggabung Subtitle

Gabungkan beberapa file subtitle sekaligus

Penerjemah AI Subtitle

Terjemahkan ke 19 bahasa target bawaan

Pertanyaan Umum

Spesifikasi HTML5 menetapkan WebVTT sebagai satu-satunya format subtitle untuk elemen <track>. Peramban tidak menyertakan pengurai SRT. Jika Anda merujuk file SRT dalam tag <track>, peramban mengabaikannya. Mengonversi SRT ke VTT membuat file subtitle kompatibel dengan peramban.

Satu-satunya perbedaan adalah pemisah desimal. SRT menggunakan koma (00:01:30,500). VTT menggunakan titik (00:01:30.500). Pengonversi mengganti koma dengan titik pada baris penanda waktu. Bagian pewaktuan lainnya, yaitu jam, menit, detik, dan milidetik, tetap sama.

Ya. YouTube menerima file VTT untuk pengunggahan subtitle. Buka YouTube Studio, pilih video Anda, masuk ke Subtitle, lalu unggah file VTT. Tinjau pewaktuan hasil impor setelah pemrosesan.

Setiap file VTT harus diawali teks WEBVTT pada baris pertama, diikuti baris kosong. Tanpa header ini, peramban menolak file dan subtitle tidak ditampilkan. Pengonversi menambahkan header ini secara otomatis.

Ya. VTT tidak menggunakan nomor berurutan seperti SRT. Sebagai gantinya, cue VTT dapat memiliki pengenal string opsional. Pengonversi menghapus entri numerik dari SRT. Jika Anda ingin pengenal cue, pengenal tersebut bisa ditambahkan tetapi tidak diwajibkan spesifikasi VTT.

Tidak. Konten teks subtitle dipertahankan persis. Hanya format file yang berubah: header ditambahkan, pemisah penanda waktu berubah dari koma ke titik, dan nomor entri dihapus. Jeda baris, karakter khusus, dan seluruh teks tetap identik.

Siap mengonversi subtitle Anda?

Seret dan lepas file SRT Anda di sini, lalu konversi ke VTT secara instan.

Artikel Terkait

Cara Mengkonversi SRT ke Subtitle SMI (SAMI) | AllSubConverter

Konversi subtitle SRT ke format SMI/SAMI untuk Windows Media Player dan subtitle multi-bahasa.

1 min read

Konverter Subtitle Gratis Terbaik di 2026 -- Ulasan | AllSubConverter

Temukan konverter subtitle gratis terbaik di 2026. Bandingkan dukungan format, kecepatan, privasi, dan harga

4 min read

Sumber daya terkait

Apa itu SRT?Apa itu VTT?SRT vs VTTSRT vs ASSSRT vs LRCSRT vs SBV