Maison > interface Web > Tutoriel H5 > le corps du texte

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

青灯夜游
Libérer: 2018-10-09 15:56:20
avant
6248 Les gens l'ont consulté

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

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

<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>
Copier après la connexion

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!

Étiquettes associées:
source:jb51.net
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal