Tag <track> digunakan untuk memberikan tulisan berupa subtitle atau caption saat video atau musik dimainkan. Tag ini digunakan dalam elemen <video> atau <audio>. Teks yang digunakan bisa berasal dari file plain text berformat vtt.
<Html>
<head>
</head>
<body>
<video controls="controls" width="240">
<source src="video.mp4" type="video/mp4" >
<track default src="video.vtt" kind="subtitles" srclang="id" label="Indonesia" >
Maaf, browser tidak mendukung track
</video >
</body>
</Html> Satu elemen video bisa berisi beberapa track. Setiap track memiliki atribut src yang berisi alamat relatif dari file yang digunakan. Kalian perlu menambahkan atribut default pada track yang digunakan dalam video.
Cara Membuat Subtitle VTT
- Buka teks editor, misalnya notepad.
- Ketik WEBVTT di awal teks
- Berikan satu baris kosong
- Tulis waktu dengan format yang tepat.
- Ketik teks untuk durasi waktu tersebut.
- Ulangi langkah ke tiga hingga ke 5 dengan waktu dan teks yang berbeda.
- Simpan filenya dengan ekstensi vtt, misalnya, "video.vtt". Pilih "all files" jika kalian menggunakan notepad.
Contoh :
WEBVTT
00:00.000 --> 00:03.000
Halo
00:05.000 --> 00:06.000
Halo juga