recherche

Maison >interface Web >Tutoriel H5 >Introduction détaillée à l'audio et à la vidéo multimédia HTML5 (1)

Introduction détaillée à l'audio et à la vidéo multimédia HTML5 (1)

黄舟
黄舟original
2017-05-19 16:57:312641parcourir

Habituellement, les navigateurs installent Flash pour lire l'audio et la vidéo sur les pages Web.
HTML5 ajoute des éléments audio et vidéo pour la lecture audio et vidéo, réduisant ainsi la dépendance au flash.

prise en charge audio de l'audio

HTML5 spécifie une manière standard d'inclure l'audio via l'élément audio.
Actuellement, l'élément audio prend en charge les trois formats audio suivants :

音频格式 IE9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
Ogg Vorbis NO YES YES YES NO
MP3 YES NO NO YES YES
Wav NO YES YES NO YES

prise en charge vidéo pour la vidéo

HTML5 spécifie une méthode standard pour inclure la vidéo via l'élément vidéo.
Actuellement, l'élément vidéo prend en charge les trois formats vidéo suivants :

格式 IE Firefox Opera Chrome Safari
Ogg No 3.5 10.5 5.0 No
MPEG 4 9.0 No No 5.0 3.0
WebM No 4.0 10.6 6.0 No

Exemples audio et vidéo de lecture audio et vidéo

<!Doctype html>
<html>
<head>
<title>HTML5多媒体</title>
<meta charset="utf-8"/>
</head>
<body>
    <p>
        <audio id="myAudio" controls="controls">
            <source src="resource/传奇.mp3" type="audio/mpeg">
            您的浏览器不支持audio        
            </audio>
    </p>

    <p>
        <video id="myVideo" controls="controls">
            <source src="resource/手语.mp4" type="video/mp4">
            您的浏览器不支持video        
            </video>
    </p>
    </body>
    </html>

Ce qui précède est l'exemple de code le plus simple pour la lecture audio et vidéo, bien sûr, vous devez trouver vous-même les fichiers de ressources mp3 et mp4 ~
Ce qui suit est l'effet d'exécution de mon exemple de code, l'audio et la vidéo sont lus !
Introduction détaillée à laudio et à la vidéo multimédia HTML5 (1)

[Recommandations associées]

1 Explication détaillée de l'application de test de balise vidéo de html5

2. html 5 Utilisez l'élément vidéo pour créer un lecteur vidéo

3 Partagez le problème et la solution d'une balise vidéo qui ne peut pas lire le mp4

4. H5 La solution au problème selon lequel la balise vidéo ne peut lire que le son mais pas la vidéo

5. Le type MIME d'IIS n'est pas enregistré comme type MP4, ce qui entraîne incapacité à reconnaître le tag vidoe

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée du canevas HTML5 (6)Article suivant：Explication détaillée du canevas HTML5 (6)

Articles Liés

Voir plus