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 menggunakannya

IMG elemen.

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. Yang terbaik untuk merakam fail tersebut 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 anda simpan dalamnya. Idea yang baik untuk meletakkannya dalam sub-direktori hanya untuk fail audio, seperti kebanyakan pereka menyimpan imej dalam

   imej direktori.

4. Tambah

   AUDIO elemen ke fail HTML anda di mana anda mahu kawalan fail bunyi dipaparkan.

5. Tempat

   SUMBER elemen untuk setiap fail audio yang anda muat naik di dalam

   AUDIO elemen:

6. 1. Mana-mana HTML di dalamnya

      AUDIO elemen akan digunakan sebagai sandaran untuk pelayar yang tidak menyokongnya

      AUDIO elemen. 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, memuat turun fail: MP3,

   2. Vorbis, WAV

7. Perkara terakhir yang perlu anda lakukan ialah menutup elemen AUDIO anda:

   1. Apabila anda selesai, HTML anda harus kelihatan seperti ini:

   4. Penyemak imbas anda tidak menyokong main balik audio, muat turun fail:

   5. MP3,

   6. Vorbis,

   7. WAV

Petua Tambahan

• Pastikan anda menggunakan doktrin HTML5 () supaya HTML anda akan disahkan
• Semak ciri yang tersedia untuk elemen untuk melihat pilihan lain yang boleh anda tambahkan ke elemen anda.
• 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.