DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mendapatkan Track Video HTML Menggunakan videoTracks DOM

Properti Video videoTracks DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object VideoTrackList. Object VideoTrackList umumnya digunakan untuk merepresentasikan video track yang tersedia untuk sebuah video. Setiak track video yang tersedia direpresentasikan oleh sebuah object VideoTrack berbeda.

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.


Mendapatkan Track Video HTML Menggunakan videoTracks DOM
Properti videoTracks DOM pada HTML


Berikut adalah ilustrasi program yang menggunakan properti video videoTracks.

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".



Komentar

  1. Sebutkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti trackVideo DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah lima contoh browser yang dapat digunakan untuk mengaktifkan properti trackVideo DOM pada HTML:
      aa. Google Chrome
      bb. Internet Explorer
      cc. Firefox
      dd. Opera
      ee. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti videoTracks pada HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Daftar 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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas