Musik Situs Web - Anchor, Bgsound, dan Tag Embed
Pada bagian pertama tutorial ini, kami membahas berbagai jenis file audio yang paling sering digunakan pada halaman web. Di bagian tutorial ini kita akan membahas metode menambahkan musik ke halaman web HTML Anda. Jadi mari kita lihat bagaimana membuat kode HTML. Anda dapat menggunakan metode tag jangkar HTML atau metode bgsound dan tag embed.

Metode pertama adalah dengan menggunakan tag anchor HTML (tautan). Ini adalah metode yang ramah pengguna karena menawarkan pengunjung web pilihan untuk melihat halaman web Anda dengan atau tanpa musik. Pengunjung dapat melihat halaman web Anda lebih cepat karena dia tidak perlu menunggu file audio untuk diunduh dengan halaman web itu sendiri. File audio hanya diunduh jika ia memilih untuk mendengar lagu dan mengklik tautan yang akan membuka pemutar audio browser web sebagai jendela pop-up. Katakanlah Anda ingin meletakkan file midi di halaman web Anda dan nama file audio midi adalah "song.mid". Anda juga ingin menggunakan metode tag jangkar. Kode untuk tautan akan terlihat seperti kode di bawah ini. Atribut href memberi tahu browser tempat mencari file audio. Nilai atribut href akan menjadi alamat url file audio. Anda dapat menggunakan url lengkap seperti pada contoh di bawah ini atau Anda dapat menghapus "www.yourwebsite.com/" jika file audio berada di tempat yang sama dengan halaman web. (Klik di sini untuk ulasan tentang tag anchor HTML.)


Bermain
Catatan--Panah menunjukkan bahwa kode tersebut dibungkus dengan baris kedua dan harus benar-benar berada pada satu baris.

Metode kedua akan membuat file audio diputar secara otomatis ketika halaman web ditampilkan. Anda akan menggunakan tag bgsound dan / atau tag embed untuk metode ini. Ini kodenya.



loop = "infinite">



autostart = "true" hidden = "false" width = "300"
height = "45" loop = "infinite">
Catatan--Panah menunjukkan bahwa kode tersebut dibungkus dengan baris kedua dan harus benar-benar berada pada satu baris.

srcatribut sumber - nilai adalah alamat url file audio
autostartbenar atau salah (tag embed)
lingkaranbenar, salah, atau berapa kali lagu itu diputar (tag embed)
tak terbatas atau berapa kali lagu itu diputar (tag bgsound)
lebar dan tinggi pengukuran panel kontrol audio pada halaman web (embed tag)
tersembunyibenar atau salah - mengontrol visibilitas panel kontrol (tag embed)


Elemen embed dan bgsound memiliki beberapa atribut yang mengontrol cara lagu diputar dan bagaimana panel kontrol audio ditampilkan di halaman web.

  1. Atribut src bekerja dengan cara yang sama seperti di sebagian besar tag HTML lainnya. Ia memberi tahu browser tempat menemukan file audio.
  2. Autostart dapat dihidupkan atau dimatikan dengan mengatur nilai atribut ini ke true atau false. Ketika dinyalakan, autostart akan menyebabkan musik diputar segera setelah file diunduh. (embed tag)
  3. Atribut loop memberitahu browser berapa kali untuk memutar file.


Jika Anda ingin menggunakan tag embed, itu efek yang bagus untuk menyembunyikan panel kontrol pemutar audio. Anda dapat melakukan ini dengan menetapkan nilai atribut tersembunyi ke true. Di sisi lain, Anda dapat mengontrol tampilan panel kontrol pada halaman web dengan atribut tinggi dan lebar. Jika atribut tinggi, lebar, dan tersembunyi tidak ditentukan, maka panel kontrol akan muncul di halaman web secara default. Meskipun fitur yang tersembunyi bagus, Anda mungkin ingin membiarkan panel kontrol terlihat sehingga pendengar dapat memiliki kontrol atas pemutaran audio (seperti volume).

Sebagian besar browser dapat "membaca" tag embed. Namun beberapa browser, terutama yang lama, tidak bisa. Inilah sebabnya mengapa Anda menggunakan tag noembed. Tag ini memberi tahu browser untuk mengikuti instruksi antara tag pembuka dan tag penutup hanya jika browser tidak dapat membaca tag embed itu sendiri. Tag bgsound bekerja dengan cara yang sama seperti tag embed. Namun, tag bgsound tidak memiliki atribut tinggi, lebar atau tersembunyi.