Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mengatur Durasi Suara Menggunakan Audio Duration DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Properti Audio duration DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai length dari audio. Properti audio duration hanya mengembalikan nilai dalam satuan detik. Penggunaan browser yang berbeda untuk properti audio duration, juga mengembalikan nilai presisi yang berbeda pula seperti browser Safari yang mengembalikan nilai sebesar 14 desimal, sedangkan untuk browser jenis lain seperti Opera hanya mengembalikan nilai 9 desimal. 

Sebelum memahami lebih dalam materi tentang Mengatur Durasi Suara Menggunakan Audio Duration DOM, terlebih dahulu pelajari materi tentang: Properti defaultPlaybackRate DOM HTML dan Fungsinya, Membisukan Suara HTML Menggunakan Audio defaultMuted DOM, dan Mengatur Waktu Audio HTML Menggunakan currentTime DOM.

Properti audio duration merupakan properti yang bersifat read-only. Fungsi durasi audio mengembalikan nilai "NaN" jika tidak terdapat jenis video apapun ketika audionya sedang diputar, dan tidak akan dilakukan predefinisi apapun terhadap nilai length, atau hanya akan mengembalikan nilai "Inf" (Infinity).

Sintak: audioObject.duration

Baca Juga:

Berikut adalah program ilustrasi penggunaan properti audio duration.

Contoh: mendapatkan nilai length dari audio.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio Duration DOM

</title>

</head>

 

<body 

style="text-align:center">

 

<h1 

style="color:green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio duration DOM

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

length secara pasti dari 

audio, lakukan double klik 

pada tombol "Return Audio 

Length".

</p>

 

<br>

 

<button 

ondblclick="My_Audio()">

Return Audio Length

</button>

 

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

 

<script>

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

 

function My_Audio() {

var a = document.getElementById(

"Test_Audio").duration;

 

document.getElementById("test").innerHTML = a;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio duration DOM


Untuk mendapatkan nilai length secara pasti dari audio, lakukan double klik pada tombol "Return Audio Length".



Artikel ini didedikasikan kepada: Sekar Ayu Rachmawati, Selma Marsya Finda, Septyana Dwi Ananda Puteri, Shalsabila Kresnarin Putri, dan Shiqta Azzahra Pramanaputri.
Location: Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Mengatur Durasi Suara Menggunakan Audio Duration DOM"

  1. AnonimKamis, 10 November 2022 pukul 19.14.00 WIB

    Jenis browser seperti apa yang dapat digunakan oleh pengembang web untuk mengaktifkan properti audio duration DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimKamis, 10 November 2022 pukul 19.15.00 WIB

      Berikut ini adalah lima jenis browser yang dapat digunakan untuk mengaktifkan properti audio duration DOM pada HTML:
      1) Google Chrome
      2) Internet Explorer
      3) Firefox
      4) Opera
      5) Apple Safari

      Hapus
  2. AnonimSenin, 12 Desember 2022 pukul 22.05.00 WIB

    Apa yang dimaksud dengan properti audio duration pada HTML?

    BalasHapus
    Balasan
    1. AnonimSenin, 12 Desember 2022 pukul 22.05.00 WIB

      Properti audio duration atau durasi audio adalah properti yang digunakan untuk mengembalikan nilai durasi dari file audio, dalam satuan detik.

      Hapus
    2. AnonimSenin, 12 Desember 2022 pukul 22.05.00 WIB

      Properti audio duration memiliki nilai pengembalian yang berbeda-beda, yang bergantung pada jenis browser yang digunakan oleh 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 -