Skip to content

Pengonversi Subtitle LRC ke VTT

Siapkan lirik dari pemutar musik untuk ditampilkan di web dengan mengubah LRC ke WebVTT untuk elemen <track> HTML5 dan YouTube Studio.

Seret dan lepas file LRC Anda di sini

atau klik untuk mencari

Mendukung file .lrc hingga 50 MB

Arsitektur mesin inti

Lirik Audio Menjadi Caption Web Standar W3C

WebVTT adalah format subtitle resmi W3C untuk video HTML5, digunakan oleh YouTube, Netflix, dan Video.js. File LRC dari pemutar musik tidak dapat langsung ditampilkan di web karena tidak memiliki header WEBVTT, waktu akhir, atau format penanda waktu yang sesuai. Konverter ini menambahkan header WEBVTT wajib, mengubah penanda waktu seperseratus LRC [mm:ss.xx] ke format desimal VTT (HH:MM:SS.mmm), menghitung waktu akhir tiap baris, dan menghasilkan file VTT yang langsung kompatibel dengan elemen <track> HTML5, YouTube Studio, dan pemutar web modern.

Inspektor payload dan sintaksis

LRC ke VTT Inspeksi sintaksis dan struktur kode

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

Sinkronisasi milidetik
input.lrc
LRC SUMBER
[00:01.00]Hello, world!
[00:04.50]This is a subtitle file.
[00:08.50]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

LRC vs VTT Spesifikasi teknis

Sesuai Standar
Format Input

LRC

LRC

LRC adalah format lirik di mana setiap baris teks didahului oleh tag penanda waktu dalam bentuk [mm:ss.xx] (atau [mm:ss.xxx]). Tidak memiliki gaya atau posisi — hanya teks baris dan waktu mulainya. LRC adalah format lirik tersinkronisasi standar yang didukung oleh sebagian besar pemutar musik dan aplikasi karaoke.

Format Keluaran

VTT

VTT

VTT (WebVTT) adalah format subtitle standar W3C untuk video HTML5. Menggunakan header WEBVTT, penanda waktu berpisah titik (HH:MM:SS.MMM), pengaturan cue opsional, dan teks biasa. VTT ringan, dioptimalkan untuk web, dan didukung oleh YouTube, Vimeo, serta semua peramban modern.

Perbedaan Format

LRC menggunakan [MM:SS.xx]; VTT menggunakan HH:MM:SS.mmm --> HH:MM:SS.mmm
LRC hanya menyimpan waktu awal; VTT memerlukan awal dan akhir
LRC tidak memiliki header; VTT memerlukan baris header WEBVTT
LRC tidak mendukung gaya; VTT mendukung tag sebaris dan parameter cue
LRC menggunakan satu baris per penanda waktu; VTT mengizinkan cue multibaris
LRC dirancang untuk pemutar musik; VTT untuk video web

Pemecahan masalah konversi dan jebakan umum

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

4 jebakan umum
GOTCHA #1

Bagaimana cara menampilkan lirik tersinkronisasi pada pemutar `<audio>` HTML5?

Elemen `<audio>` HTML5 mendukung tag turunan `<track kind='subtitles' srclang='id' src='lyrics.vtt'>` sama persis dengan `<video>`. Anda dapat menggunakan JavaScript (`audio.textTracks[0].oncuechange`) atau pemutar web modern seperti Plyr/Video.js untuk menampilkan teks karaoke tersinkronisasi di bawah pemutar musik Anda.

GOTCHA #2

Mengapa konsol peramban memberikan kesalahan CORS saat memuat .vtt hasil konversi?

Peramban web menerapkan Kebijakan Asal yang Sama (Same-Origin Policy) secara ketat pada trek subtitle. Jika file VTT Anda disimpan di CDN, S3, atau penyimpanan pihak ketiga, server harus menyediakan header HTTP `Access-Control-Allow-Origin: *`, jika tidak peramban akan memblokir lirik tersebut.

GOTCHA #3

Trek audio panjang (> 60 menit) menyebabkan timestamp tidak akurat di WebVTT

File LRC menyatakan waktu di atas satu jam sebagai menit kumulatif (mis. `[75:20.00]`), sedangkan WebVTT secara ketat membutuhkan jam dan menit (`01:15:20.000`). AllSubConverter menguraikan menit kumulatif ke dalam format dua digit jam standar dengan benar.

GOTCHA #4

Menata gaya lirik hasil konversi di peramban menggunakan CSS

Tidak seperti LRC yang tidak memiliki penataan gaya visual, trek WebVTT dapat disesuaikan melalui elemen semu CSS. Contoh: `video::cue, audio::cue { font-family: sans-serif; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,0.7); }`.

Fitur

Menghitung waktu akhir setiap cue secara otomatis berdasarkan waktu mulai baris berikutnya
Mengubah penanda waktu LRC [mm:ss.xx] ke format VTT dengan pemisah titik (00:01:30.500 --> 00:01:35.000)
Menghasilkan VTT valid dengan header WEBVTT wajib
Menulis cue polos yang memakai penempatan subtitle bawaan pemutar web Anda
Menghapus tag metadata LRC ([ti:], [ar:], [al:]) selama konversi
Mempertahankan seluruh teks lirik persis seperti ditulis dalam sumber LRC
Membaca tag penanda waktu tingkat baris yang berulang dan membuat cue untuk setiap lirik bertag
Pemrosesan sisi klien — tanpa unggahan, file tetap di perangkat

Mengapa Mengonversi?

Elemen <track> HTML5 hanya membaca WebVTT, bukan LRC atau SRT
YouTube Studio dan platform streaming web menerima VTT untuk unggahan subtitle
Video.js, JW Player, dan Plyr menggunakan VTT sebagai format caption bawaan
WCAG 2.1 mensyaratkan caption tersinkron untuk video web, sedangkan WebVTT adalah format web yang umum
File LRC tidak memiliki penanda waktu akhir; mengonversi ke VTT memungkinkan pengaturan durasi cue berdasarkan pewaktuan baris berikutnya untuk tampilan video web yang tepat.
VTT mendukung pengaturan penanda (perataan, posisi, baris) yang dapat memusatkan lirik di layar, sedangkan LRC tidak memiliki kemampuan pemosisian.
Layanan streaming yang menyematkan subtitle di pemutar web menggunakan VTT, bukan LRC, untuk tampilan teks yang tersinkron.
Scenarios

Kasus Penggunaan Umum

Subtitle HTML5 untuk Situs Web

Pasang lirik sebagai subtitle di elemen <video> situs web Anda dengan <track src="lyrics.vtt"> — langsung kompatibel dengan semua peramban modern.

Unggahan ke YouTube Studio

YouTube Studio menerima file VTT untuk subtitle. Konversi lirik LRC ke VTT untuk unggahan ke video musik Anda.

Integrasi Video.js dan Plyr

Pemutar JavaScript populer seperti Video.js, JW Player, dan Plyr menggunakan VTT sebagai format caption bawaan. Konversi LRC ke VTT untuk integrasi langsung.

Kepatuhan WCAG untuk Video Musik Web

Kriteria sukses WCAG 2.1 1.2.2 mensyaratkan subtitle tersinkron untuk video web. Ubah lirik LRC ke VTT untuk menyediakan caption web yang umum digunakan.

Caption untuk Platform Streaming Web

Sebagian besar pemutar streaming web mengharapkan VTT untuk file subtitle. Konversi lirik LRC ke VTT untuk distribusi di platform streaming berbasis web.

Format Ecosystem

Format Terkait

Cara Kerja

  1. 1

    Muat file .lrc — konverter membaca tiap baris dan mengekstrak penanda waktu [mm:ss.xx]

  2. 2

    Baris pertama keluaran adalah 'WEBVTT', lalu tiap baris lirik dikonversi ke cue VTT

  3. 3

    Penanda waktu seperseratus diubah ke desimal milidetik (.mmm), waktu akhir dihitung dari baris berikutnya, dan baris terakhir memakai durasi bawaan tiga detik

  4. 4

    File VTT dirakit dengan format HH:MM:SS.mmm --> HH:MM:SS.mmm dan siap untuk web

  5. 5

    Header WEBVTT ditambahkan di awal, dan setiap cue ditulis sebagai teks VTT polos.

  6. 6

    Unduh file .vtt yang siap untuk video HTML5, YouTube, atau integrasi pemutar web.

Pertanyaan Umum

VTT memerlukan rentang waktu (awal dan akhir). Karena LRC hanya mencatat waktu mulai, konverter menggunakan penanda waktu baris berikutnya sebagai waktu akhir. Untuk baris terakhir, durasi bawaan tiga detik dipakai.

Ya. YouTube Studio menerima file WebVTT langsung melalui panel Subtitle. Setelah konversi, unggah .vtt ke video musik Anda.

Tidak. Tag [offset:] diabaikan; hanya baris lirik berpenanda waktu yang dipakai untuk membangun cue VTT.

Ya. Tambahkan <track src="lyrics.vtt" kind="subtitles" srclang="en"> ke elemen <video> Anda, dan lirik akan ditampilkan sebagai subtitle.

Konverter mengubah [01:30.50] menjadi 00:01:30.500. Perseratus detik (50) dikalikan 10 menjadi milidetik (500), dan format disesuaikan ke HH:MM:SS.mmm dengan titik desimal sesuai standar VTT.

Sepenuhnya gratis tanpa pendaftaran atau tanda air, dan setiap file hingga 50 MB. Semua pemrosesan berjalan di peramban Anda.

Siap mengonversi subtitle Anda?

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