Quelles balises sont utilisées pour lire de la musique en HTML5

html5 utilise la balise "

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

html5 utilise la balise "

Balise

<audio src="music.mp3"></audio>

L'utilisation est très simple, tout comme la balise

Si vous écrivez simplement ainsi, rien d'évident ne sera vu sur la page et la balise

Pour les navigateurs qui ne prennent pas en charge la balise

    <audio src="music.mp3">
        别试了，是你的浏览器渣渣
    </audio>

Afin de nous faciliter le contrôle du fichier audio, de gérer sa progression, sa lecture, sa pause, son volume, etc., nous pouvons lui ajouter l'attribut Controls :

    <audio src="m.mp3" controls></audio>

L'utilisation est la même que celle du < ;vidéo> Avec l'ajout de l'attribut Controls, Différents navigateurs afficheront différents styles de panneaux de contrôle.

(Panneau de contrôle audio du navigateur Chrome)

(Panneau de contrôle audio du navigateur Firefox)

(Panneau de contrôle audio du navigateur IE)

Lequel est le plus beau est une question de ~~

Tout comme la balise

Ils ont la même fonction et la même utilisation, qui consiste à introduire plusieurs audios. Le navigateur choisira un format audio pris en charge à charger. Pour les navigateurs qui ne prennent pas en charge la balise

    <audio>
        <source src="music.mp3">
        <source src="music.ogg">
        <source src="music.wav">
    </audio>

Remarque : Les formats de fichiers audio courants sont : mp3, wav, ogg. Différents navigateurs ont différents niveaux de prise en charge pour les trois formats. Parmi eux, le format mp3 bénéficie du meilleur support.

Attribut de lecture automatique : Une fois le chargement terminé, la lecture sera automatique. Également très simple à utiliser.

 <audio src="m.mp3" autoplay></audio>

attribut loop : Comme son nom l'indique, lecture en boucle.

<audio src="m.mp3" loop></audio>

attribut preload : Utilisé pour contrôler le moment où l'audio est chargé. Il existe trois valeurs correspondantes pour

 <audio src="m.mp3" preload="auto"></audio>

 :

• none : non chargé par défaut, et sera chargé à nouveau si nécessaire.

• métadonnées : métadonnées, non chargées par défaut, mais les informations de métadonnées de l'audio peuvent être extraites.

• auto : Chargement automatique, l'intégralité de l'audio est chargée après le chargement de la page Web.

Attribut muet : Effet muet.

<audio></audio>

Ajout d'un attribut muet,

Même lorsque l'audio est en cours de lecture, il n'y aura pas de son, à moins que l'utilisateur ne règle manuellement le volume du panneau de commande.

Recommandations associées : "

Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!