Introduction détaillée à l'audio et à la vidéo multimédia HTML5 (1)-Tutoriel H5-php.cn

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

黄舟

Libérer： 2017-05-19 16:57:31

original

2592 Les gens l'ont consulté

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>

Copier après la connexion

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)