Cara Membuat Voice Tag Pada Template Blogger - WESTOIKU

Cara menambah audio pada html guna untuk melengkapi fitur blogger supaya menjadi lebih menarik.

HTML Audio bisa kita tambahkan pada template blogger milik anda ,,

HTML Audio telah merevolusi cara kita untuk berinteraksi dengan konten web.

Membuat konten website anda menjadi lebih canggih.

Dengan membuat website kita bisa menyajikan sebuah suara mulai dari background musik , gambar , teks , dan lainya.

Pada kali ini westoiku.com akan membahas tentang html audio , bagaimana cara memanfaatkan fitur ini untuk bisa berinteraksi di website anda.

Apa Itu HTML Audio.

Html audio merupakan sebuah fitur yang berfungsi untuk menyematkan file suara dalam halaman web.

Cara ini dilakukan dengan menggunakan sebuah tag  (audio)  di dalam HTML5 untuk digunakan pada template blogger.

html audio membantu kita untuk bisa menyajikan sebuah konten seperti suara musik , wawancara , efek suara , langsung pada konten website.

Tidak hanya itu , html audio membuka peluang kreatif untuk kita dalam mengelola website agar menjadi lebih profesional.

Cara Menambahkan Audio Di HTML.

Bagaimana caranya , simak artikel dibawah ini :

•  Pilih File Audio Yang Ingin Ditambahkan : pastikan anda memiliki sebuah file audio yang nantinya ingin disematkan pada html , pastikan format tersebut di dukung oleh semua browser : seperti , Mp3,Wav, dan OGG.
•  Tambahkan Tag Audio : di dalam kode html , tambahkan sebuah tag  <audio>  tempatkan di bagian yang ingin pemutar suara itu bisa muncul saat di tekan.
•  Gunakan Atribut SRC Untuk Menentukan Sumber Audio : atribut src di pakai untuk menunjukan lokasi file audio.
•  Tambahkan Atribut Controls Jika diperlukan : jika anda ingin menampilkan kontrol pemutaran seperti tombol "play,pause,dan volume"  maka tambahkan controls.
•  Sediakan Format Audio Alternatif : untuk memastikan kompatibilitas semua browser , tambahkan Elemen  <source>  dengan format audio yang berbeda.

   Contoh :

<audio controls>
  <source src="musik.mp3" type="audio/mpeg">
  <source src="musik.ogg" type="audio/ogg">
  Browser kamu tidak mendukung tag audio ini.
</audio>

• Uji di berbagai browser : setelah menambahkan audio pastikan untuk menguji di berbagai jenis browser guna memastikan bisa di dengar oleh pengguna.

Format Audio Yang Di Dukung.

Adapun jenis format audio yang didukung semua browser seperti : 

•  Mp3 (Mpeg Audio Layer lll) : format ini hampir didukung di semua browser.
•  WAV (Waveform Audio File Format) : wav adalah format tanpa kompresi yang menawarkan kualitas suara sangat tinggi.namun kekurangan format ini yaitu bisa mempunyai ukuran file yang besar.
•  OGG (OGG Forbis) : Ogg adalah format yang menawarkan format lebih kecil dari pada wav , namun untuk kualitas suara masih tetap bagus , format ini merupakan alternatif yang bagus untuk Mp3.

Menyediakan Beberapa Format Audio.

Tidak semua browser mendukung setiap format audio. Oleh karena itu, sangat penting untuk menyediakan beberapa format audio berbeda untuk memastikan konten audio dapat diakses semua audiens, terlepas dari browser yang mereka gunakan.

Contohnya, kamu bisa menambahkan beberapa elemen < source > di dalam tag < audio > untuk menyediakan beberapa format audio, seperti ini:

<audio controls>
  <source src="musik.mp3" type="audio/mpeg">
  <source src="musik.ogg" type="audio/ogg">
  Browser kamu tidak mendukung tag audio ini.
</audio>

Dengan cara di atas, browser akan memilih format yang didukung agar bisa memutar audionya. Jika tidak ada format yang didukung, akan muncul pesan sesuai yang sudah kamu atur di awal.

Tambahkan Atribut Loop,Mute,dan AutoPlay.

Selain atribut src dan controls, ada beberapa atribut lain yang dapat digunakan untuk mengontrol pemutaran audio, yaitu autoplay, loop, dan muted.

• Atribut autoplay: atribut ini memungkinkan audio untuk mulai diputar secara otomatis begitu halaman web dimuat. Contoh penggunaannya adalah . Harap diingat bahwa beberapa browser mungkin membatasi atau memblokir autoplay untuk menghindari gangguan bagi audiens.
• Atribut loop: atribut ini membuat audio berulang terus-menerus setelah selesai diputar. Hal ini bisa berguna untuk web yang memiliki background musik atau efek suara berulang. Contoh penggunaannya adalah < audio src="musik.mp3 " loop>.
• Atribut muted: atribut ini menyebabkan audio dimainkan dalam keadaan bisu. Pilihan ini bisa berguna jika kamu ingin audio dimulai tanpa suara dan memberi audiens pilihan untuk mengaktifkan suaranya. Contoh penggunaannya adalah < audio src="musik.mp3" muted> .

Semua atribut di atas dapat digabungkan sesuai kebutuhan, seperti < audio src="musik.mp3" autoplay loop muted> < /audio> yang akan memainkan audio secara otomatis, berulang, dan dalam keadaan bisu.

Penggunaan atribut-atribut ini memberi kamu kontrol lebih besar atas bagaimana audio diputar di website. Namun, penting untuk menggunakan atribut-atribut ini dengan bijak dan mempertimbangkan pengalaman pengguna.