Maison > Article > interface Web > Le chemin de Xiaoqiang vers le développement mobile HTML5 (15) - Audio en HTML5

Le chemin de Xiaoqiang vers le développement mobile HTML5 (15) - Audio en HTML5

黄舟original: 2017-01-22 11:43:591466parcourir

Bien que les navigateurs se développent rapidement, les normes des navigateurs sont encore imparfaites. Au début du développement de HTML4 CSS2 JS, le problème qui causait des maux de tête à de nombreux programmeurs était la compatibilité des navigateurs. Il en va de même pour la lecture audio. il n'existe toujours pas de norme pour la lecture vidéo et audio sur les pages Web. Désormais, dans la plupart des navigateurs, l'audio est lu via des plug-ins (tels que les plug-ins Flash). Cependant, tous les navigateurs ne disposent pas de tels plug-ins, ce qui entraîne certains problèmes de lecture audio. La nouvelle norme HTML5 stipule une manière standard d'inclure l'audio via l'élément audio. Examinons cette balise de plus près.

1. Prise en charge des formats audio

Actuellement, l'élément audio prend en charge trois formats audio

Le chemin de Xiaoqiang vers le développement mobile HTML5 (15) - Audio en HTML5

<!DOCTYPE html>   
<html>   
    <body>   
        <audio src="http://www2.shengda.edu.cn/ytw/gbzx/photo/bgmusic.mp3" controls="controls">  
        您的浏览器不支持该HTML5标签  
        </audio>  
    </body>   
</html>

Le chemin de Xiaoqiang vers le développement mobile HTML5 (15) - Audio en HTML5

L'attribut de contrôle affiche la console

Affiché

Pour exécuter d'autres navigateurs et le prendre en charge, utilisez la méthode suivante

<audio controls="controls">  
  <source src="song.ogg" type="audio/ogg">  
  <source src="song.mp3" type="audio/mpeg">  
Your browser does not support the audio tag.  
</audio>

3. Attributs de la balise audio

Le chemin de Xiaoqiang vers le développement mobile HTML5 (15) - Audio en HTML5

Ce qui précède est le contenu de la route de développement mobile HTML5 de Xiaoqiang (15) - audio en HTML5 Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

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 de la balise vidéo HTML5Article suivant：Explication détaillée de la balise vidéo HTML5

Articles Liés

Voir plus