audio HTML

Bunyi boleh dimainkan dengan cara yang berbeza dalam HTML

Masalah dan Penyelesaian

Memainkan audio dalam HTML bukanlah mudah!

Anda perlu mengetahui banyak helah untuk memastikan fail audio anda berfungsi dalam semua penyemak imbas (Internet Explorer, Chrome, Firefox, Safari, Opera) dan pada semua perkakasan (PC, Mac, iPad, iPhone) Play .

Dalam bab ini, W3CSchool meringkaskan masalah dan penyelesaian untuk anda.

Menggunakan pemalam

Pemalam penyemak imbas ialah program komputer kecil yang memanjangkan kefungsian standard penyemak imbas anda.

Pemalam boleh ditambahkan pada halaman menggunakan teg

Teg ini mentakrifkan bekas untuk sumber (biasanya sumber bukan HTML). Bergantung pada jenis, ia akan dipaparkan oleh penyemak imbas, tetapi juga oleh pemalam luaran.

Gunakan teg elemen

untuk menentukan bekas untuk kandungan luaran (bukan HTML). (Ini ialah teg HTML5, menyalahi undang-undang dalam HTML4, tetapi sah dalam semua penyemak imbas).

Coretan kod berikut memaparkan fail MP3 yang dibenamkan dalam halaman web:

  php中文网(php.cn) 如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。

Masalah: Teg

• tidak sah dalam HTML 4. Halaman gagal pengesahan HTML 4.

• Penyemak imbas yang berbeza mempunyai sokongan yang berbeza untuk format audio.

• Jika penyemak imbas tidak menyokong format fail, audio tidak boleh dimainkan tanpa pemalam.

• Jika komputer pengguna tidak memasang pemalam, audio tidak boleh dimainkan.

• Jika anda menukar fail kepada format lain, ia masih tidak boleh dimainkan dalam semua penyemak imbas.

Menggunakan elemen

Coretan kod berikut memaparkan fail MP3 yang dibenamkan dalam halaman web:

  php中文网(php.cn) 如果你无法听到该音频，那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。

Masalah:

• Pelayar yang berbeza mempunyai sokongan berbeza untuk format audio.

• Jika penyemak imbas tidak menyokong format fail, audio tidak boleh dimainkan tanpa pemalam.

• Jika komputer pengguna tidak memasang pemalam, audio tidak boleh dimainkan.

• Jika anda menukar fail kepada format lain, ia masih tidak boleh dimainkan dalam semua penyemak imbas.

Menggunakan elemen HTML5

HTML5

elemen

Di bawah kami akan menggunakan tag

  php中文网(php.cn)       您的浏览器不支持该音频格式。

Masalah: Teg

• Anda mesti menukar fail audio kepada format lain. Elemen

Penyelesaian HTML terbaik

Contoh di bawah menggunakan dua format audio yang berbeza. Elemen HTML5

  php中文网(php.cn)

Masalah:

• Anda mesti menukar audio kepada format lain. Unsur

• tidak boleh berundur untuk memaparkan mesej ralat.

Yahoo Media Player - Cara mudah untuk menambah audio pada tapak web anda

Menggunakan Yahoo Media Player adalah percuma. Untuk menggunakannya, anda perlu memasukkan JavaScript ini di bahagian bawah halaman web:

Yahoo Player boleh memainkan MP3 dan pelbagai format lain. Anda hanya menambah baris kod pada halaman anda atau Anda boleh membuat halaman HTML anda ke dalam blog dengan mudah Senarai main profesional:

  php中文网(php.cn) Play mp3Play wav