Cara menambahkan music player di Blogspot

Cara menambahkan music player di Blogspot - Banyak yang bertanya bagaimana cara memasang musik di Blogger? bagaiman cara membuat player musik sendiri di blogspot? nah sekarang saya akan membagikan Tutorial tentang membuat Musik Player dengan Tag HTML <audio>.

Tag <audio> adalah fitur baru HTML5 yang dapat kita gunakan untuk memulai pemutaran audio. Fitur Ini didukung di Internet Explorer 9, Firefox, Opera, Chrome, dan Safari, dan dapat diatur untuk memutar file audio terkait secara otomatis (autoplay) atau loop jika diperlukan. Berikut adalah contoh dasar menggunakan elemen <audio> :

 <audio controls> 
<source src="url-of-audio-file" />  
</audio> 

Pada contoh di atas, semua kode yang terkait dengan pemutar audio dibungkus dengan tag <audio>. Dengan menyertakan kontrol pada elemen audio, pemutar sederhana ditampilkan, memungkinkan pengguna untuk memulai pemutaran kapan (atau jika) yang mereka inginkan, dan untuk mengatur volume suara. Teks antara tag audio (yang tidak disertakan dalam tag <source>) ditampilkan di browser yang tidak mendukung elemen audio (IE8 dan yang lebih rendah). Jika Sobat ingin memulai pemutaran Audio segera setelah siap, Sobat dapat mengaktifkan autoplay seperti pada contoh berikut:

 <audio controls autoplay>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio> 

Dengan mempertahankan atribut kontrol, Sobat memberi pengunjung pilihan untuk menghentikan atau melanjutkan pemutaran audio jika mereka memilih. Untuk mengulang audio (tentukan bahwa audio akan dimulai lagi, setiap selesai selesai), sertakan elemen lingkaran di tag <audio>, seperti ini :

 <audio controls loop>
<source src="url-of-audio-file" />
</audio> 

Hosting file untuk pemutar audio Sobat

Blogger tidak mengizinkan kita mengunggah atau meng-host file audio, jadi untuk menambahkan pemutar audio Sobat perlu menemukan host untuk file mp3 Sobat. Saya sangat menyarankan Sobat menggunakan file hosting di Gdrive atau Firebase.

Baca Juga :

• Cara Upload/Unggah File di Gdrive.

• Cara Upload/Unggah File di Firebase.

Setelah mengunggah file audio Sobat, buat catatan tautan langsung ke file yang perlu ditambahkan kode untuk pemutar audio Sobat.

Sekian Tutorial Cara menambahkan music player di Blogspot dengan Embed Code Semoga Bermanfaat.

Baca Artikel Menarik lainnya

Loading...