Properti textTracks HTML DOM Beserta Fungsinya
![]() |
Properti textTrack DOM pada HTML |
Sintak:
videoObject.textTracks
Return Values:
- TextTrackList Object: merepresentasikan teks track yang tersedia untuk video.
- length: digunakan untuk mendapatkan angka dari teks track yang tersedia untuk video.
- [index]: digunakan untuk mendapatkan nilai object TextTrack menggunakan nilai indeks.
- TextTrack Object: merepresentasikan sebuah teks track.
- kind: digunakan untuk mendapatkan tipe dari teks track.
- label: digunakan untuk mendapatkan nilai label dari teks track.
- language: digunakan untuk mendapatkan bahasa dari teks track.
- mode: digunakan untuk mendapatkan atau mengatur nilai track, apakah berada dalam kondisi aktif atau tidak.
- cues: digunakan untuk mendapatkan sebuah list dari cuses sebagai nilai object TextTrackCueList.
- activeCues: digunakan untuk mendapatkan nilai teks aktif saat ini sebagai nilai TextTrackCueList.
- addCue(cue): digunakan untuk menambahkan sebuah cue ke dalam daftar cues.
- removeCue(cue): digunakan untuk menghapus sebuah cue dari daftar cues.
Contoh: mendapatkan nilai angka yang tersedia dari textTracks.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Video textTracks
</title>
</head>
<body
style="text-align: center">
<h1
style="color: green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video textTracks
</h2>
<br>
<video
id="Test_Video"
width="360"
height="240"
controls>
<source
src="sample2.mp4"
type="video/mp4">
<source
src="sample2.ogg"
type="video/ogg">
<track
src="testsub.vtt">
<track
src="testsub2.srt">
</video>
<p>
Untuk mendapatkan angka dari
teks track yang tersedia dari
video, lakukan double klik
pada tombol "Return Text
Tracks".
</p>
<br>
<button
ondblclick="My_Video()">
Return Text Tracks
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v = document.getElementById(
"Test_Video").textTracks.length;
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
- Properti Merror MathML HTML Beserta Fungsinya [klik]
- Properti Mfenced MathML HTML5 Beserta Fungsinya [klik]
- Menambah Simbol Pecahan Matematika Menggunakan Mfrac MathML HTML5 [klik]
- Properti Mglyph MathML HTML5 Beserta Fungsinya [klik]
- Properti MI MathML HTML5 Beserta Fungsinya [klik]
- Properti Mlabeledtr MathML HTML5 Beserta Fungsinya [klik]
- Membuat Matriks Matematika HTML Menggunakan Mmultiscripts MathML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti textTracks DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti textTracks DOM pada HTML:
Hapus11. Google Chrome
22. Internet Explorer
33. Opera
44. Apple Safari
Apa yang dimaksud dengan properti textTracks pada HTML?
BalasHapusProperti textTracks pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object dari TextTrackList yang mewakili nilai trek teks yang tersedia untuk file audio atau file video.
HapusProperti textTracks merupakan properti read-only pada object media elemen yang mengembalikan nilai object untuk mencantumkan semua bentuk object dari textTracks yang mewakili nilai teks dari elemen media yang tersedia dalam urutan yang sama seperti dalam daftar trek teks.
Hapus