Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan Nilai Audio HTML Menggunakan Properti readyState DOM

Properti Audio readyState DOM merupakan properti yang digunakan untuk mengembalikan nilai state yang tersedia saat ini dari file audio. Nilai state yang tersedia digunakan untuk mengindikasikan jika audio telah siap untuk dimainkan atau tidak. Properti Audio readyState merupakan properti yang bersifat read-only.

Mendapatkan Nilai Audio HTML Menggunakan Properti readyState DOM
Properti readyState DOM HTML

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

Berbagai angka yang menggambarkan status state yang berbeda:
  • 0 = HAVE_NOTHING: tidak terdapat informasi yang berkaitan status video apakah siap dimainkan atau tidak.
  • 1 = HAVE_METADATA: memberitahukan apakah metadata untuk video telah siap atau belum.
  • 2 = HAVE_CURRENT_DATA: memberitahukan bahwa data dari posisi playback saat ini telah tersedia atau belum, namun tidak cukup untuk memainkan frame selanjutnya dalam satuan milidetik.
  • 3 = HAVE_FUTURE_DATA: memberitahukan data untuk frame saat ini atau untuk frame selanjutnya telah tersedia atau belum.
  • 4 = HAVE_ENOUGH_DATA: memberitahukan bahwa terdapat jumlah data telah cukup atau tersedia untuk memainkan media file.

Sintak:
audioObject.readyState

Baca Juga:

Berikut adalah ilustrasi program dari properti Audio readyState.

Contoh: mendapatkan nilai state yang tersedia saat ini dari file audio.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio readyState DOM

</title>

</head>

 

<body 

style="font-family: Impact">

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio readyState

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

state saat ini dari udio, 

lakukan double klik pada 

tombol "Return Current State".

</p>

 

<br>

 

<button 

ondblclick="MyAudio()

type="button">

Return Current State

</button>

 

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

 

<script>

function MyAudio() 

{

var a = document.getElementById(

"Test_Audio").readyState;

 

document.getElementById(

"test").innerHTML = a;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio readyState


Untuk mendapatkan nilai ready state saat ini dari udio, lakukan double klik pada tombol "Return Current State".



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

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

  1. Jenis browser apa saja yang dapat digunakan oleh Imam Mahdi untuk mengaktifkan properti readyState DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Imam Mahdi untuk mengaktifkan properti readyState DOM pada HTML:
      a)) Google Chrome
      b)) Internet Explorer
      c)) Firefox
      d)) Opera
      e)) Apple Safari

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

    BalasHapus
    Balasan
    1. Properti readyState DOM pada HTML merupakan properti yang digunakan untuk menampilkan nilai status ready dari sumber data trek saat ini.

      Hapus
    2. Properti readyState menunjukkan bahwa sumber daya atau resourse telah siap dimainkan atau tidak pada browser yang sedang dijalankan saat ini.

      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 -