Cara Tambah Audio ke Laman Web HTML5 dan CSS3 Anda - dummies

HTML telah menyokong imej untuk masa yang lama, tetapi kini berfungsi dengan baik dengan fail audio. Ini merupakan penemuan utama, seperti program audio yang diperlukan sebelum ini seperti Flash.

Adalah agak mudah untuk menambah audio ke laman web dalam HTML5 dengan tag baru. Berikut adalah kod untuk membuat halaman ini:

audio. html

Demo Audio






 pelayar anda tidak menyokong Audio HTML5 Sila gunakan pautan ini sebagai ganti: Allemande. mp3
Muzik: J. S. Bach "Allemande" Partita for Violin # 2

Walaupun hampir setiap penyemak imbas semasa menyokong tag, mereka masih tidak boleh bersetuju mengenai format mana yang akan disokong. Sesetengah pelayar menyokong fail MP3, sesetengah menyokong standard yang lebih baru yang dipanggil Ogg, dan beberapa sokongan WAV.

Cara terbaik untuk memastikan mainan bunyi adalah untuk membekalkan dua format yang berbeza. Sering kali, termasuk format Ogg dan MP3 memastikan audio itu akan dimainkan pada semua pelayar utama.

Untuk menambah fail audio ke halaman anda, ikuti langkah berikut:

1. Tambahkan tag audio ke halaman anda.

   Teg menandakan di mana fail audio akan diletakkan. Di mana anda meletakkan teg dalam kod itu sepadan dengan di mana kawalan akan muncul.

2. Hidupkan kawalan.

   Anda boleh menentukan panel kawalan dengan atribut. Ini menyebabkan kawalan kecil muncul. Jika anda meninggalkan arahan ini, tidak akan ada panel kawalan, yang bermaksud pengguna tidak akan dapat memainkan klip itu.

3. Buat aelement atau dua.

   Di dalam pasangan itu, tambahkan satu atau lebih elemen. Setiap elemen sumber menunjukkan fail yang anda akan sambungkan.

4. Tetapkan thesrcattribute untuk menunjukkan fail tersebut.

   Atribut tag digunakan untuk menandakan nama file fail audio yang anda mahu mainkan.

5. Tambahkan kod alternatif untuk penyemak imbas yang lebih lama.

   Apa-apa kod HTML tambahan antara dan teg akan ditafsirkan hanya oleh penyemak imbas yang tidak memahami teg suara. Anda boleh menambah sauh biasa untuk memuat turun kesan bunyi jika anda mahu. Dengan cara ini, walaupun mereka yang mempunyai pelayar lama dapat mendengar apa yang mereka hilang.