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 >
        别试了，是你的浏览器渣渣
    </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  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 >
        <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>

:

• none: not loaded by default, and will be loaded again when needed.

• metadata: metadata, not loaded by default, but the metadata information of the audio can be extracted.

• auto: Automatic loading, the entire audio is loaded after the web page is loaded.

muted attribute: Mute effect.

<audio src="m.mp3" muted></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!