" tag to play music. The audio tag is used to represent audio content in web documents. Using this tag, developers can insert a music playback control on the website; the syntax is ""."/> " tag to play music. The audio tag is used to represent audio content in web documents. Using this tag, developers can insert a music playback control on the website; the syntax is "".">
Home > Article > Web Front-end > What tags are used to play music in html5
html5 Use the "
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
html5 Use the "
<audio src="music.mp3"></audio>
The usage is very simple, just like the
If you just write like this, nothing obvious will be seen on the page, and the
For browsers that do not support the
<audio src="music.mp3"> 别试了,是你的浏览器渣渣 </audio>
In order to facilitate us to control the audio file, operate its progress, playback pause, volume, etc., we can add the controls attribute to it:
<audio src="m.mp3" controls></audio>
Usage is the same as the
(Audio control panel of chrome browser)
(Audio control panel of firefox browser )
(Audio control panel of IE browser)
Which one looks better is a matter of opinion~~
Follow the
They have the same function and usage, which is to introduce multiple audios. The browser will choose a supported audio format to load. For browsers that do not support the <audio>
<source src="music.mp3">
<source src="music.ogg">
<source src="music.wav">
</audio>
Note: The mainstream audio file formats are: mp3, wav, ogg. Different browsers have different levels of support for the three formats. Among them, the mp3 format has the best support.
autoplay attribute: Play automatically after loading is completed. Also very simple to use.
<audio src="m.mp3" autoplay></audio>
loop attribute: As the name suggests, loop playback.
<audio src="m.mp3" loop></audio>
preload attribute: Used to control when the audio is loaded. There are three corresponding values for
<audio src="m.mp3" preload="auto"></audio>:
muted attribute: Mute effect.
<audio></audio>Added the muted attribute,
Even when the audio is playing, there will be no sound unless the user manually adjusts the volume of the control panel.
Related recommendations: "html video tutorial"
The above is the detailed content of What tags are used to play music in html5. For more information, please follow other related articles on the PHP Chinese website!