Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan Nilai Range HTML Menggunakan Audio Played DOM

Properti Audio played DOM HTML digunakan untuk mengembalikan sebuah object TimeRanges dari halaman HTML. Object TimeRanges merupakan object yang digunakan pada kondisi dimana user ingin menampilkan nilai range dari file audio yang sedang dimainkan saat ini.

Sebelum memahami lebih dalam materi tentang Mendapatkan Nilai Range HTML Menggunakan Audio Played DOM, terlebih dahulu pelajari materi tentang: Mengatur Playback HTML Menggunakan playbackRate Audio DOM, Menghentikan Audio HTML Menggunakan Paused DOM, dan Properti networkState HTML Audio DOM dan Fungsinya.

Nilai range file audio adalah nilai rentang dari file suara yang sedang dimainkan pada browser saat ini. Jika user melakukan skip atau melompati nilai range tertentu pada uadio, maka user tersebut dapat memiliki beberapa nilai range dari file audio yang sedang dimainkan saat ini. Properti audio yang sedang dimainkan merupakan properti yang bersifat read-only.

Nilai Object TimeRanges Terdiri Dari:
  • length: digunakan untuk mendapatkan nilai angka dari jangkauan file yang sedang dimainkan.
  • start(index): digunakan untuk mendapatkan nilai posisi start dari nilai range file audio yang sedang dimainkan.
  • end(index): digunakan untuk mendapatkan nilai akhir atau end posisi dari file yang sedang dimainkan.

Sintak: audioObject.played

Baca Juga:

Berikut adalah ilustrasi program dari properti audio yang sedang dimainkan.

Contoh: mendapatkan nilai range dari file audio pertama yang sedang dimainkan dalam satuan detik.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio played HTML

</title>

</head>

 

<body 

style="text-align:center">

 

<h1 

style=" color:green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio played

</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 nilai range 

yang dimainkan pertama dari 

audio dalam satuan detik, maka 

lakukan double klik pada 

tombol "Return Played Range".

</p>

 

<br>

 

<button 

ondblclick="MyAudio()"

type="button">

Return Played Range

</button>

 

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

 

<script>

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

 

function MyAudio() 

{

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

 

document.getElementById("test").innerHTML =

"Start time: " 

+ a.played.start(0)

+ " End time: " 

+ a.played.end(0);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio played


Untuk mendapatkan nilai range yang dimainkan pertama dari audio dalam satuan detik, maka lakukan double klik pada tombol "Return Played Range".



Artikel ini didedikasikan kepada: Siti Aisah Rahmaniah, Sri Purwanti, Sulistiyono, Sulthan Naufalirazhan Riyadi, dan Syahla' Diva Nur Pahlevi.

6 komentar untuk "Mendapatkan Nilai Range HTML Menggunakan Audio Played DOM"

  1. Sebutkan empat jenis browser yang dapat digunakan oleh konoha gakure untuk mengaktifkan properti audio played dom pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti konoha gakure audio played DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti audio played dom pada HTML?

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

      Hapus
    2. Object TimeRanged pada properti played DOM HTML merupakan nilai object yang mewakili rentang audio yang telah diputar oleh pengguna.

      Hapus
    3. Nilai rentang yang diputar menggunakan properti audio played DOM HTML adalah nilai rentang dari waktu audio yang sedang dimainkan saat ini. User dapat memperoleh beberapa nilai rentang dari media yang sedang dimainkan jika menggunakan properti audio played.

      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 -