Mendapatkan Track Video HTML Menggunakan videoTracks DOM
Sintak: videoObject.videoTracks
Return Values:
- VideoTrackList Object: merepresentasikan video track yang tersedia untuk sebuah video.
- videoTracks.length: digunakan untuk mendapatkan angka dari teks track yang tersedia pada video.
- videoTracks[index]: digunakan untuk mendapatkan nilai object VideoTrack melalui nilai indeks.
- VideoTrackList Object: digunakan untuk merepresentasikan track video yang tersedia untuk sebuah video.
- videoTracks.getTrackById(id): digunakan untuk mendapatkan object VideoTrack menggunakan nilai ID.
- VideoTrack Object: merepresentasikan sebuah track video.
- kind: digunakan untuk mendapatkan tipe dari track video.
- label: digunakan untuk mendapatkan label dari track video.
- language: digunakan untuk mendapatkan bahasa dari track teks video.
- id: digunakan untuk mendapatkan nilai id dari track video.
- selected: digunakan untuk mendapatkan atau mengatur nilai track, apakah aktif atau tidak.
Contoh: mendapatkan angka dari track video yang tersedia.
<!DOCTYPE html>
<html>
<head>
<title>
Properti DOM Video videoTracks
</title>
</head>
<body
style="text-align: center">
<h1
style="color: green">
Blog Elfan
</h1>
<h2
style="font-family: Impact">
Properti Video videoTracks
</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">
</video>
<p>
Untuk mendapatkan angka dari
video track yang tersedia dari
filev video, lakukan double
klik pada tombol "Return Video
Tracks".
</p>
<br>
<button
ondblclick="My_Video()">
Return Video Tracks
</button>
<p id="test"></p>
<script>
function My_Video()
{
var v = document.getElementById(
"Test_Video").videoTracks.length;
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Video videoTracks
Untuk mendapatkan angka dari video track yang tersedia dari filev video, lakukan double klik pada tombol "Return Video Tracks".
- 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
- Tag MN MathML pada HTML5 Beserta Fungsinya
5 komentar untuk "Mendapatkan Track Video HTML Menggunakan videoTracks DOM"
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 -
Sebutkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti trackVideo DOM pada HTML?
BalasHapusBerikut adalah lima contoh browser yang dapat digunakan untuk mengaktifkan properti trackVideo DOM pada HTML:
Hapusaa. Google Chrome
bb. Internet Explorer
cc. Firefox
dd. Opera
ee. Apple Safari
Apa yang dimaksud dengan properti videoTracks pada HTML?
BalasHapusProperti videoTracks merupakan properti read-only yang digunakan pada object HTMLMediaElement, yang digunakan untuk mengembalikan nilai objek video track list yang mencantumkan semua object video track yang mewakili nilai trek video elemen pada file media.
HapusDaftar trek yang dikembalikan melalui properti videoTracks merupakan daftar aktif yang telah ditambahkan atau dihapus dari elemen media pada saat media tersebut sedang diputar, yang sifatnya dapat berubah-ubah secara dinamis.
Hapus