
Tambahkan musik latar ke situs web Anda untuk dinikmati pengguna saat mereka menjelajah.
Berbagai metode embedding musik di halaman Web telah menjadi populer sejak hari-hari awal World Wide Web. Khususnya, tag "sematkan" di HTML, pemutar audio berbasis Java, dan pemutar berbasis Flash adalah semua opsi yang memungkinkan untuk ditambahkan musik latar ke halaman Web, tetapi tidak ada satu solusi pun yang diterima secara universal atau sepenuhnya kompatibel dengan semua browser dan platform. Standar HTML5 yang lebih baru menyertakan tag "audio", yang secara khusus ditentukan untuk pemutaran audio yang disematkan.
Langkah 1
Tambahkan kode berikut di mana saja di badan dokumen HTML Anda untuk menyematkan file musik dan memutarnya secara otomatis saat pengunjung menelusuri situs web Anda.
Video Hari Ini
Ubah atribut "src" sehingga berisi jalur dan nama file dari file musik yang ingin Anda sematkan.
Langkah 2
Tambahkan atribut "loop" jika Anda ingin file musik diputar berulang-ulang:
Langkah 3
Gunakan beberapa tag "sumber" alih-alih atribut "src" dari tag "audio" jika Anda ingin menawarkan pilihan beberapa format file kepada browser pengguna:
Dalam contoh ini, browser pengguna akan memutuskan apakah akan memutar file MP3 atau file OGG. Teknik ini dapat berguna untuk menargetkan perangkat seluler yang hanya dapat memutar format audio tertentu.
Langkah 4
Sarangkan tag "sematkan" di dalam tag "audio" untuk memberikan dukungan bagi browser lama yang tidak memiliki dukungan HTML5. Perhatikan bahwa penggunaan tag "sematkan" ini tidak digunakan lagi (artinya tidak lagi secara resmi diwajibkan untuk didukung), jadi hanya bereksperimen dengan teknik ini jika Anda menduga pengguna Anda akan menggunakan Web yang sudah ketinggalan zaman browser. Berikut ini contohnya:
Tip
Pertimbangkan untuk menambahkan atribut "controls" ke tag "audio" untuk memungkinkan pengguna menghentikan musik dan mengubah volume. Selain itu, pertimbangkan untuk tidak menggunakan atribut "putar otomatis" kecuali ada alasan bagus untuk perilaku browser ini. Banyak pengguna menganggap musik latar yang disematkan yang secara tidak terduga diputar tanpa izin mereka mengganggu dan akan segera meninggalkan situs web Anda.