Properti textTracks HTML DOM Beserta Fungsinya
Sebelum memahami lebih dalam materi tentang Properti textTracks HTML DOM Beserta Fungsinya, terlebih dahulu pelajari materi tentang: Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM, Mendapatkan URL Video HTML Menggunakan Properti SRC DOM, dan Pencarian Video HTML Menggunakan Properti Seeking DOM.
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
- Properti Mfenced MathML HTML5 Beserta Fungsinya
- Menambah Simbol Pecahan Matematika Menggunakan Mfrac MathML HTML5
- Properti Mglyph MathML HTML5 Beserta Fungsinya
- Properti MI MathML HTML5 Beserta Fungsinya
- Properti Mlabeledtr MathML HTML5 Beserta Fungsinya
- Membuat Matriks Matematika HTML Menggunakan Mmultiscripts MathML
5 komentar untuk "Properti textTracks HTML DOM Beserta Fungsinya"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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