Lompat ke konten Lompat ke sidebar Lompat ke footer

Melakukan Reload Audio HTML Menggunakan Preload DOM

Properti Audio preload DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai dari atribut preload audio HTML. Atribut preload merupakan properti yang digunakan untuk menentukan jalur author dari audio yang harus di-load ketika suatu halaman juga di-load. Atribut preaload audio DOM memungkinkan author untuk melakukan portret ke browser untuk mendapatkan jalur dari pengalaman pengguna pada website yang diimplementasikan.

Melakukan Reload Audio HTML Menggunakan Preload DOM
Properti Preload HTML DOM

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

Sintak:
  • Mengembalikan nilai properti preload: audioObject.preload
  • Mengatur nilai properti preload: audioObject.preload = "auto | metadata | none"

Property Values:
  • auto: digunakan untuk menentukan apa yang harus dilakukan browser ketika semua video sedang di-load ketika halaman juga melakukan load.
  • metadata: digunakan untuk menentukan apa yang harus dilakukan browser ketika dilakukan loading metadata saat halaman web melakukan loading.
  • none: digunakan untuk menentukan apa yang harus dilakukan browser ketika video tidak loading saat halaman web sedang loading.

Return Values: berfungsi untuk mengembalikan sebuah nilai string yang digunakan untuk menentukan jenis tipe dari data harus harus dilakukan preload dari file audio.

Baca Juga:

Berikut adalah ilustrasi program dari properti Audio preload.

Contoh: mencari rute publisher dari file audio yang akan dilakukan loading ketika halaman website juga loading.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio preload DOM

</title>

</head>

 

<body 

style="text-align: center">

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio preload

</h2>

 

<br>

 

<audio 

id="Test_Audio" 

controls>

 

<source 

src="sample1.ogg" 

type="audio/ogg">

 

<source 

src="sample1.mp3" 

type="audio/mpeg">

 

</audio>

 

<p>

Untuk mengembalikan nilai dari 

atribut preload audio, lakukan 

double klik pada tombol 

"Return Preload Attribute".

</p>

 

<br>

 

<button 

ondblclick="MyAudio()"

type="button">

Return Preload Attribute

</button>

 

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

 

<script>

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

 

function MyAudio() 

{

var a =

document.getElementById("Test_Audio").preload;

 

document.getElementById(

"test").innerHTML = a;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio preload


Untuk mengembalikan nilai dari atribut preload audio, lakukan double klik pada tombol "Return Preload Attribute".



Artikel ini didedikasikan kepada: Sri Purwanti, Sulistiyono, Sulthan Naufalirazhan Riyadi, Syahla' Diva Nur Pahlevi, dan Syifa Amanda.

6 komentar untuk "Melakukan Reload Audio HTML Menggunakan Preload DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh Agung Supriyadi untuk mengaktifkan properti Preload Audio DOM pada HTML?

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

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

    BalasHapus
    Balasan
    1. Properti preload DOM pada HTML merupakan properti yan digunakan untuk menetapkan atau mengembalikan nilai audio atau video, apakah harus dimuat sesegera mungkin atau tidak ketika halaman web sedang loading.

      Hapus
    2. Properti preload memungkin user untuk memberikan petunjuk kepada browser yang sedang digunakan tentang apa yang akan mengarah pada bentuk pengalaman pengguna terbaik yang dapat dilakukan oleh browser.

      Hapus
    3. Properti preload juga merupakan properti yang sering diabaikan pada beberapa kasus atau kondisi dari penggunaan browser.

      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 -