DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Properti textTracks HTML DOM Beserta Fungsinya

Properti Video textTracks DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object TextTrackList. Object TextTrackList merupakan object yang digunakan untuk merepresentasikan track teks yang tersedia untuk sebuah video. Setiap teks track yang tersedia direpresentasikan oleh sebuah object textTrack yang berbeda.

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.


Properti textTracks HTML DOM Beserta Fungsinya
Properti textTrack DOM pada HTML


Berikut adalah ilustrasi program yang menggunakan properti video textTracks.

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>

Output:

Blog Elfan

Properti Video textTracks


Untuk mendapatkan angka dari teks track yang tersedia dari video, lakukan double klik pada tombol "Return Text Tracks".



Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti textTracks DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti textTracks DOM pada HTML:
      11. Google Chrome
      22. Internet Explorer
      33. Opera
      44. Apple Safari

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

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

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

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