Melakukan Reload Audio HTML Menggunakan Preload 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, Mengatur Playback HTML Menggunakan playbackRate Audio DOM, dan Menghentikan Audio HTML Menggunakan Paused DOM.
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.
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>
Blog Elfan
Properti Audio preload
Untuk mengembalikan nilai dari atribut preload audio, lakukan double klik pada tombol "Return Preload Attribute".
- Mendapatkan Nilai Audio HTML Menggunakan audioTracks DOM
- Memutar Otomatis Video HTML Menggunakan Properti Autoplay DOM
- Mendapatkan Waktu Jangkauan Video HTML Menggunakan Properti Buffered DOM
- Menampilkan Kontrol Video HTML Menggunakan Controls DOM
- Mendapatkan URL Video HTML Menggunakan Properti currentSrc DOM
- Mengatur Playback HTML Video Menggunakan Properti currentTime DOM
- Mengatur Muted Video HTML Menggunakan defaultMuted DOM
6 komentar untuk "Melakukan Reload Audio HTML Menggunakan Preload DOM"
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 -
Jenis browser apa saja yang dapat digunakan oleh Agung Supriyadi untuk mengaktifkan properti Preload Audio DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan oleh Agung Supriyadi untuk mengaktifkan properti preload audio DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti preload DOM pada HTML?
BalasHapusProperti 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.
HapusProperti 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.
HapusProperti preload juga merupakan properti yang sering diabaikan pada beberapa kasus atau kondisi dari penggunaan browser.
Hapus