Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Properti textTracks HTML DOM Beserta Fungsinya
Properti textTrack DOM pada HTML

Sebelum memahami lebih dalam materi tentang Properti textTracks HTML DOM Beserta Fungsinya, terlebih dahulu pelajari materi tentang: Mendapatkan Tanggal HTML Menggunakan Properti startDate DOM [klik], Mendapatkan URL Video HTML Menggunakan Properti SRC DOM [klik], dan Pencarian Video HTML Menggunakan Properti Seeking DOM [klik].

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.


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>

Artikel ini didedikasikan kepada: Agung Prayetno, Ahmad Roqib Alfarisi, Ahmad Yanuar Al Hakim, Aira Azalea, dan Ajeng Deva Ivanka.

5 komentar untuk "Properti textTracks HTML DOM Beserta Fungsinya"

  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

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 -