sintaksis
itu <audio> Elemen membutuhkan tag pembuka dan penutup. Anda lulus satu src jalan:
1 |
<audio src="audio_file.mp3"></audio> |
atau elemen sumber bersarang tambahan jika Anda perlu mendukung beberapa format audio.
1 |
<audio>
|
2 |
<supply src="soundtrack.mp3 "sort="audio/mpeg"> |
3 |
<supply src="soundtrack.ogg "sort="audio/ogg"> |
4 |
</audio>
|
Contoh
Berikut adalah contoh cara menggunakan file <audio> Elemen untuk menyertakan satu file audio di halaman net Anda:
1 |
<audio controls> |
2 |
<supply src="file.mp3 "sort="audio/mpeg"> |
3 |
Your browser doesn't assist the audio factor. |
4 |
</audio>
|
hasilnya
Jalur Ukulele Hawaii oleh Andy Slater.
karakteristik
Berikut adalah beberapa atribut elemen yang paling umum digunakan
-
srcMenentukan URL file audio yang akan diputar. -
controls– Menambahkan kontrol pemutaran dasar, seperti putar, jeda, dan quantity. -
autoplay– File audio mulai diputar secara otomatis saat halaman dimuat. -
loop– Loop file audio sehingga loop terus menerus. -
muted– Audio dimulai dengan bisu. -
preload– Menentukan apakah audio harus dimuat sebelumnya atau tidak.
isi
itu <audio> Elemen tidak memiliki persyaratan konten tertentu, tetapi penting untuk menyertakan setidaknya satu <supply> elemen dalam <audio> Komponen untuk memastikan kompatibilitas lintas-browser. Ini contohnya:
1 |
<audio>
|
2 |
<supply src="reel.mp3" sort="audio/mpeg"> |
3 |
<supply src="reel.ogg" sort="audio/ogg"> |
4 |
Your browser doesn't assist the audio factor. |
5 |
</audio>
|
Contoh ini mencakup dua format file audio yang berbeda, MP3 Dan Ogg Forbesdengan pesan cadangan untuk browser yang tidak mendukungnya <audio> sebuah benda.
Konten dapat disediakan dalam elemen audio, tetapi ditujukan untuk browser lama yang tidak mendukungnya audio sebuah benda.
Tampilan dan desain browser
Saat ini tidak ada CSS standar untuk menata berbagai kontrol UI di dalamnya <audio> pemain.
Ada sejumlah pseudo-class, seperti :enjoying Dan :pausedyang memungkinkan desain dengan cara yang sangat terbatas tergantung pada kondisi pemain, tetapi dukungannya buruk.
Ada juga sejumlah Kelas semu yang dapat digunakan dengan awalan browsertetapi sekali lagi, adopsi dipertanyakan.
Inilah cara browser utama melihat file <audio> Barang secara default:
