Belajar Element HTML: <track>
Elemen HTML
Tag <track> digunakan untuk menentukan trek teks berwaktu (data berbasis waktu) eksternal untuk elemen media.
HTML5 mendefinisikan dua elemen sebagai “elemen media”: elemen <video> dan elemen <audio>.
Ada 5 jenis trek teks, yaitu subtitles, captions, descriptions, chapters, and metadata.
Syntax
Tag <track> ditulis seperti <track src=""> (tanpa tag penutup). Atribut src adalah atribut yang diperlukan untuk menyediakan URL trek teks.
Kamu dapat menggunakan atribut type (opsional) untuk menentukan jenis trek teks. Atribut srclang harus ada jika atribut kind dalam keadaan subtitle.
Tag <track> harus disarangkan di dalam elemen media (misal <video> atau <audio>).
Seperti ini:
<video src="video.ogg" controls>
<track src="text-track.vtt" kind="subtitles" srclang="en" label="English">
</video>
<video src="/videos/pass-countdown.ogg" width="300" height="150" controls>
<track src="/videos/countdown_en.vtt" kind="subtitles" srclang="en" label="English">
<p>Content for older browsers here...</p>
</video>default
Menentukan bahwa trek akan diaktifkan jika preferensi pengguna tidak menunjukkan trek lain yang lebih sesuai.
No value required.kind
Menentukan jenis trek teks.
"captions"
Transkripsi atau terjemahan dialog, efek suara, isyarat musik yang relevan, dan informasi audio lainnya yang relevan.
"chapters"
Judul bab, digunakan untuk menavigasi sumber daya media
"descriptions"
Deskripsi tekstual dari komponen video dari sumber daya media, dimaksudkan untuk sintesis audio ketika komponen visual dikaburkan, tidak tersedia, atau tidak dapat digunakan
"metadata"
Track yang dimaksudkan untuk digunakan dari skrip. Tidak ditampilkan oleh agen pengguna
"subtitles"
Transkripsi atau terjemahan dialog. Berguna ketika suara dalam bahasa yang tidak bisa dimengerti pengguna.
label
Menentukan judul trek teks.
"text"
src
Menentukan URL data trek teks.
"URL"
srclang
Menentukan URL data trek teks.