Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan Nilai Audio HTML Menggunakan Properti Seekable DOM

Properti Audio Seekable DOM merupakan properti yang digunakan untuk mengembalikan nilai object TimeRanges. Object TimeRanges merupakan nilai object yang digunakan untuk merepresentasikan nilai jangkauan file audio yang tersedia untuk dicari pengguna.

Sebelum memahami lebih dalam materi tentang Mendapatkan Nilai Audio HTML Menggunakan Properti Seekable DOM, terlebih dahulu pelajari materi tentang: Mendapatkan Nilai Audio HTML Menggunakan Properti readyState DOM [klik], Melakukan Reload Audio HTML Menggunakan Preload DOM [klik], dan Mendapatkan Nilai Range HTML Menggunakan Audio Played DOM [klik].

File audio time-range tersedia untuk pencarian posisi playback yang sedang berpindah dari jangkauan pencarian. Umumnya properti audio seekable digunakan untuk mencari nilai apapun pada file audio bahkan sebelum dilakukan buffer pada file non-streaming audio. Properti seekable audio merupakan properti yang bersifat read-only.

Properti object time range terdiri dari:
  • length: digunakan untuk mendapatkan nilai dari jangkauan pencarian file audio.
  • start(index): digunakan untuk mendapatkan nilai posisi awal dari jangkauan file pencarian.
  • end(index): digunakan untuk mendapatkan nilai posisi akhir dari jangkauan file pencarian.

Sintak:
audioObject.seekable

Baca Juga:

Berikut adalah ilustrasi program dari properti Audio seekable.

Contoh: mendapatkan nilai pertama dari nilai jangkauan file audio dalam satuan detik.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio seekable

</title>

</head>

 

<body 

style="text-align:center">

 

<h1 

style="color:green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio seekable

</h2>

 

<br>

 

<audio 

id="Test_Audio" 

controls>

 

<source 

src="sample1.ogg"

type="audio/ogg">

 

<source 

src="sample1.mp3"

type="audio/mpeg">

 

</audio>

 

<p>

Untuk mendapatkan jangkauan 

pertama seekable dari audio, 

lakukan double klik pada 

tombol "Return Seekable 

Range".

</p>

 

<br>

 

<button 

ondblclick="MyAudio()"

type="button">

Return Seekable Range

</button>

 

<p id="test"></p>

 

<script>

function MyAudio() 

{

var a = document.getElementById("Test_Audio");

 

document.getElementById("test").innerHTML 

= "Start time: " 

+ a.seekable.start(0

+ " End time: " 

+ a.seekable.end(0);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio seekable


Untuk mendapatkan jangkauan pertama seekable dari audio, lakukan double klik pada tombol "Return Seekable Range".



Artikel ini didedikasikan kepada: Sulthan Naufalirazhan Riyadi, Syahla' Diva Nur Pahlevi, Syifa Amanda, Tegar Galih Arya Candy, dan Tika Anggun Apriliani.

5 komentar untuk "Mendapatkan Nilai Audio HTML Menggunakan Properti Seekable DOM"

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

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti Seekable DOM pada HTML:
      a>> Google Chrome
      b>> Internet Explorer
      c>> Firefox
      d>> Opera
      e>> Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti seekable DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti seekable DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai object TimeRanges.

      Hapus
    2. Object TimeRanges pada properti seekable merupakan object yang mewakili nilai rentang video yang tersedia saat ini untuk dilakukan pencarian oleh user atau pengguna.

      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 -