Solution au format audio pris en charge par l'audio en html5

La balise audio HTML5 peut prendre en charge les formats wav, mp3, ogg, acc, webm et autres, mais il existe un format de fichier musical très important midi (extension mid) qui n'a pas de prise en charge intégrée dans les principaux navigateurs. Tous les navigateurs ne prennent pas en charge MP3 OGG et autres. Chaque navigateur prend en charge différents formats en raison de problèmes de droits d'auteur. Cet article vous présentera la solution pour le format audio de support audio en HTML5. Les amis intéressés devraient y jeter un œil. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Compatibilité navigateur et audio

Tous les fabricants de navigateurs ne sont pas d'accord sur l'utilisation de certains formats de fichiers audio. Pour les images, les fichiers au format PNG, JPEG ou GIF se chargeront sur votre page sur n'importe quel navigateur. Malheureusement, ce n'est pas le cas des fichiers audio. Le tableau 1 présente les formats de fichiers audio pouvant être utilisés dans les pages Web, mais tous les formats ne sont pas disponibles dans tous les navigateurs. Par exemple, les navigateurs Chrome, Internet Explorer 9 (IE9) et Safari ne prennent pas en charge les fichiers WAV, une norme en déclin qui utilise un format non compressé.

Compatibilité du navigateur HTML5 et des formats audio

音频格式	Chrome	Firefox	IE9	Opera	Safari
OGG	支持	支持	支持	不支持	不支持
MP3	支持	不支持	支持	不支持	支持
WAV	不支持	支持	不支持	支持	不支持

Aucun format de fichier universel Le fait d'avoir un seul format de fichier utilisé par chaque navigateur signifie qu'au moins 2 navigateurs sur 5 ne peuvent pas lire certains sons. Il ne s'agit pas d'une question d'intransigeance et d'incapacité des fabricants de navigateurs à se mettre d'accord sur une norme audio unique, mais plutôt d'un problème juridique et financier impliquant des droits de brevet et des redevances. Le format OGG, qui n'est pas limité par les brevets logiciels, vise à résoudre ce problème une fois pour toutes. Cependant, au moment de la rédaction, ni Opera ni Safari ne prennent en charge OGG. Il existe beaucoup plus de fichiers WAV et MP3 disponibles que de fichiers au format OGG, il ne fait donc aucun doute que les fabricants de navigateurs en ont tenu compte. Le MP3, en tant que standard de facto, est une excellente solution.

Solution : Utilisez trois types de fichiers et la balise b97864c2e0ef2353a16c4d64c7734e92

Compte tenu de la situation actuelle, vous pensez peut-être que ce n'est pas le cas encore le moment idéal pour utiliser l'audio sur les pages HTML5. D'une certaine manière, cela peut être vrai, mais HTML5 fournit une solution qui permet à votre navigateur préféré de trouver un format compatible.

Lorsqu'elle est utilisée conjointement avec la balise b97864c2e0ef2353a16c4d64c7734e92, la balise e02da388656c3265154666b7c71a8ddc peut être imbriquée dans le conteneur b97864c2e0ef2353a16c4d64c7734e92 Disons que vous êtes un fan de Wagner et que vous souhaitez écouter son opéra La Chevauchée des Valkyries sur une page HTML5. Tout d'abord, vous devez obtenir votre musique sous trois types de fichiers, à savoir OGG, MP3 et WAV. Placez ces fichiers musicaux dans le même dossier que les fichiers HTML5. Ensuite, placez chaque nom de fichier dans une balise e02da388656c3265154666b7c71a8ddc distincte, et toutes les balises source du conteneur audio sont composées de b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab, comme indiqué ci-dessous.

<audio controls>
    <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>

Quel que soit le navigateur utilisé par votre visiteur, il sélectionnera automatiquement le premier type de fichier qu'il lit et jouera le son pour vous.

Résumé

Ce qui précède est tout le contenu de la solution de format audio de support audio en HTML5 qui vous a été présentée. J'espère qu'elle pourra vous être utile. pour tout le monde. L’apprentissage aide. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo HTML5 !

Recommandations associées :

Tutoriel vidéo de formation sur le bien-être public php

Tutoriel graphique HTML5

Manuel HTML5 en ligne

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!