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

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

黄舟

Libérer： 2017-01-22 11:43:59

original

1446 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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) !