Audio Loop Html W3schools

3 min read Jul 02, 2024
Audio Loop Html W3schools

Memasukkan Audio Loop dengan HTML

HTML menyediakan tag <audio> untuk menambahkan audio ke dalam halaman web Anda. Untuk membuat audio loop, Anda dapat menggunakan atribut loop pada tag <audio>.

Berikut adalah contoh kode HTML yang menggunakan atribut loop:




Audio Loop



Audio Loop

Penjelasan:

  • <audio>: Tag ini digunakan untuk menambahkan elemen audio ke halaman web.
  • controls: Atribut ini menampilkan kontrol pemutar audio default (play, pause, volume, dll.).
  • loop: Atribut ini membuat audio diputar berulang kali.
  • <source>: Tag ini menentukan sumber audio.
  • src: Atribut ini menunjuk ke lokasi file audio.
  • type: Atribut ini menentukan tipe file audio.
  • "Your browser does not support the audio element.": Ini adalah teks alternatif yang akan ditampilkan jika browser tidak mendukung elemen audio.

Catatan:

  • Pastikan untuk mengganti "your_audio_file.mp3" dengan nama file audio Anda.
  • Anda dapat menggunakan berbagai tipe file audio, seperti MP3, WAV, OGG, dll.
  • Atribut loop dapat dihilangkan untuk memutar audio hanya sekali.

Berikut adalah beberapa cara lain untuk mengontrol audio loop:

  • autoplay: Atribut ini akan memulai pemutaran audio secara otomatis saat halaman dimuat.
  • preload: Atribut ini menentukan kapan audio akan dimuat:
    • auto: Audio akan dimuat segera saat halaman dimuat.
    • metadata: Hanya metadata audio yang akan dimuat.
    • none: Audio tidak akan dimuat hingga pengguna menekan tombol play.
  • JavaScript: Anda dapat menggunakan JavaScript untuk mengontrol pemutaran audio, termasuk memutar, menjeda, dan melooping audio.

Dengan menggunakan atribut loop dan kemampuan lainnya, Anda dapat membuat berbagai efek audio yang menarik pada halaman web Anda.

Related Post


Latest Posts