Cara Tambah Bunyi ke Laman Web HTML5

HTML5 memudahkan untuk menambahkan bunyi dan muzik ke halaman web anda dengan elemen. Malah, perkara paling sukar dilakukan ialah membuat pelbagai sumber yang anda perlukan untuk memastikan bahawa fail bunyi anda memainkan pelbagai jenis pelayar.

Manfaat menggunakan HTML5 adalah bahawa anda boleh membenamkan bunyi hanya dengan menggunakan beberapa tag. Pelayar, kemudian, memainkan bunyi seperti mereka akan memaparkan imej apabila anda menggunakan elemen IMG .

Cara Tambah Bunyi ke Laman Web HTML5

Anda memerlukan Editor HTML , fail bunyi (sebaik-baiknya dalam format MP3), dan penukar fail bunyi.

1. Pertama, anda memerlukan fail bunyi. Lebih baik merekodkan fail itu sebagai MP3 ( .mp3 ) kerana ini mempunyai kualiti bunyi yang tinggi dan disokong oleh kebanyakan penyemak imbas (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, dan Safari 5+).
2. Tukar fail anda ke format Vorbis ( .ogg ) untuk menambah Firefox 3.6+ dan sokongan Opera 10.5+. Anda boleh menggunakan penukar seperti yang dijumpai di Vorbis.com. Anda juga boleh menukar MP3 anda ke format fail WAV ( .wav ) untuk mendapatkan sokongan Firefox dan Opera. Saya cadangkan mengepos fail anda dalam ketiga-tiga jenis, hanya untuk keselamatan, tetapi yang paling anda perlukan adalah MP3 dan satu lagi jenis.
3. Muat naik semua fail audio ke pelayan web anda dan buat nota direktori yang disimpan dalamnya. Idea yang baik untuk meletakkannya dalam sub-direktori hanya untuk fail audio, seperti kebanyakan pereka menyimpan imej dalam direktori imej .
4. Tambahkan elemen AUDIO ke fail HTML anda di mana anda mahu kawalan fail bunyi dipaparkan.
5. Letakkan elemen SOURCE untuk setiap fail audio yang anda muat naik di dalam elemen AUDIO :

1. Mana-mana HTML di dalam elemen AUDIO akan digunakan sebagai sandaran bagi pelayar yang tidak menyokong unsur AUDIO . Jadi tambahkan beberapa HTML. Cara paling mudah ialah menambah HTML untuk membiarkan mereka memuat turun fail itu, tetapi anda juga boleh menggunakan kaedah HTML 4.01 untuk memasukkan bunyi. Berikut adalah sandaran yang mudah:

   Pelayar anda tidak menyokong main balik audio, muat turun fail:

   1. MP3 ,
   2. Vorbis , WAV
2. Perkara terakhir yang perlu anda lakukan ialah menutup elemen AUDIO anda:
3. Apabila anda selesai, HTML anda harus kelihatan seperti ini:
   4. Penyemak imbas anda tidak menyokong main balik audio, memuat turun fail:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Petua Tambahan

1. Pastikan anda menggunakan doktrin HTML5 () supaya HTML anda akan disahkan
2. Semak ciri yang tersedia untuk elemen untuk melihat pilihan lain yang boleh anda tambahkan ke elemen anda.
3. Perhatikan bahawa kami menyediakan HTML untuk menyertakan kawalan secara lalai dan mematikan autoplay. Anda boleh, sudah tentu, mengubahnya, tetapi ingat bahawa ramai orang mendapati bunyi yang bermula secara automatik / bahawa mereka tidak dapat mengawal menjadi menjengkelkan yang terbaik, dan seringkali hanya akan meninggalkan halaman apabila itu berlaku.