Lompat ke konten Lompat ke sidebar Lompat ke footer

Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM

Properti Audio autoplay DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai audio, apakah audio tersebut harus dimainkan sesegera mungkin atau tidak. Properti Audio autoplay dapat digunakan untuk memainkan audio sesegera mungkin ketika sudah dilakukan loading.

2 Sintak Properti Autoplay Audio DOM pada HTML
Properti Autoplay Audio DOM

Sebelum memahami lebih dalam materi tentang Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM, terlebih dahulu pelajari materi tentang: Membaca Track Audio HTML Menggunakan audioTracks DOM [klik], Menghentikan Video HTML Menggunakan Pause VIDEO DOM [klik], dan Memainkan Video pada HTML Menggunakan Play VIDEO DOM [klik].

Sintak:
  • Mengembalikan nilai properti autoplay: audioObject.autoplay
  • Mengatur nilai properti autoplay: audioObject.autoplay = true|false

Property Values:
  • true atau false: digunakan untuk menentukan apakah audio harus dimainkan sesegera mungkin atau tidak.

Return Values: mengembalikan sebuah nilai Boolean, yang akan mengembalikan nilai true jika audio akan dimainkan secara otomatis, atau akan mengembalikan nilai false jika sebaliknya.

Berikut program ilustrasi dari penggunaan properti Audio autoplay.

Baca Juga:

Contoh: Enabling autoplay untuk audio.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio autoplay DOM 

pada HTML

</title>

</head>

 

<body 

style="text-align: center">

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio autoplay DOM

</h2>

 

<br>

 

<audio 

id="Test_Audio"

controls autoplay>

 

<source 

src="sample1.ogg" 

type="audio/ogg">

 

<source 

src="sample1.mp3" 

type="audio/mpeg">

</audio>

 

<p>

Untuk mengetahui pengaturan 

autoplay enabled atau tidak, 

lakukan double klik pada 

tombol "Return Autoplay 

Status".

</p>

 

<br>

 

<button 

ondblclick="My_Audio()">

Return Autoplay Status

</button>

 

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

 

<script>

function My_Audio() 

{

var a =

document.getElementById("Test_Audio").autoplay;

 

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

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio autoplay DOM


Untuk mengetahui pengaturan autoplay enabled atau tidak, lakukan double klik pada tombol "Return Autoplay Status".



Artikel ini didedikasikan kepada: Ronita Aulia Marshella, Safira Alya Fafaza, Safira Julia Putri, Salis Khasan Addin, dan Salma Nabila Prasasti.

5 komentar untuk "Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti Audio Autoplay DOM pada HTML?

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

      Hapus
  2. Apa yang dimaksud dengan atribut autoplay pada HTML?

    BalasHapus
    Balasan
    1. Atribut auto play merupakan atribut bernilai boolean yang hanya memberikan dua kondisi pengembalian nilai yaitu TRUE atau FALSE. dimana atribut akan mengembalikan nilai TRUE jika video sedang diputar otomatis, dan sebaliknya akan mengembalikan nilai FALSE.

      Hapus
    2. Browser chromium merupakan browser yang tidak dapat memutar video atau audio secara otomatis dalam banyak kondisi pengaturan ketika menggunakan atribut autoplay, namun pemutaran otomatis tetap dapat diizinkan jika tidak menggunakan suara atau audio.

      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 -