audio tag_html/css_WEB-ITnose

audio

The new element tag audio in HTML5 has been long-awaited. It has native support for audio playback without requiring the browser to install additional extensions; Currently, the browsers that support the audio element mainly include Safari 4, Firefox 3.5 and Chrome 3.

Some common attributes of the audio element tag:

src: audio file path.
autobuffer: Set whether to automatically buffer audio when the page loads.
autoplay: Set whether audio plays automatically.
loop: Set whether the audio should be played in a loop.
controls: Set whether to display the playback control panel.
You can see that these attributes are very similar to those of the video element tag. Let's take a look at a code example:

<audio src="elvis.ogg" controls autobuffer></audio>

This code can work normally in Firefox 3.5 and Chrome 3. For Safari 4, the mp3 file needs to be replaced with an audio file in ogg format. However, given that the W3C's HTML5 definition specification has not been finalized, these format restrictions may change in the future.

According to the definition specifications, the following API methods are available:

play(): play audio
pause(): pause playback
canPlayType(): command browsing The processor determines whether the current audio file can be played
buffered(): Set the start and end time points of the buffered part of the file.
In addition, we can use the source element tag to match audio; source is used to specify multiple audio files. If the current browser does not support the first file, audio will automatically try to play the file specified in the next source; we You can also add the current conventional embed code after them to load the Flash player as a backup plan; the example is as follows:

<audio controls autobuffer><source src="elvis.ogg" /><source src="elvis.mp3" /><!-- now include flash fall back --></audio>

Concise version of HTML5 study notes (4): New elements of video, audio, meter, datalist, keygen, output

HTML audio tag

Web audio in those years

Initial exploration of audio context and audio nodes