HTML5 -- Audio, html5audioplay
I. Audio tag
Web audio
Until now, there is still no standard for playing audio on the webpage.
Today, most audios are played using plug-ins (such as Flash. However, not all browsers have the same plug-ins.
HTML5 specifies a standard method to include audio through the audio element.
The audio element can play audio files or audio streams.
Ii. Audio Format
Currently, the audio element supports three audio formats:
|
IE 9 |
Firefox 3.5 |
Opera 10.5 |
Google Chrome 3.0 |
Safari 3.0 |
Ogg Vorbis |
|
√ |
√ |
√ |
|
MP3 |
√ |
|
|
√ |
√ |
Wav |
|
√ |
√ |
|
√ |
Iii. Use
<Audio src = "testaudio" autoplay = "autoplay" controls = "controls" id = "audio1" loop = "loop">
Your browser does not support audio tags
</Audio>
Iv. Attributes of <audio> labels
Attribute |
Value |
Description |
Autoplay |
Autoplay |
If this attribute appears, the audio will be played immediately after it is ready. |
Controls |
Controls |
If this attribute is displayed, the control, such as the play button, is displayed to the user. |
Loop |
Loop |
If this attribute is displayed, the video is played again whenever the audio ends. |
Preload |
Preload |
If this attribute is displayed, the audio is loaded when the page is loaded and ready for playing. If "autoplay" is used, this attribute is ignored. |
Src |
Url |
The URL of the audio to be played. |