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

La balise HTML5 Audio 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.

Tous les fabricants de navigateurs ne sont pas d'accord sur l'utilisation d'un certain format de fichier 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é.

Ne pas avoir de format de fichier commun utilisé par tous les navigateurs signifie qu'au moins 2 navigateurs sur 5 ne pourront 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 de cet article, ni Opera ni Safari ne prennent en charge OGG. Il y a 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.

Dans l’état actuel des choses, on pourrait penser que ce n’est pas encore le moment privilégié 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>, la balise <source> peut être imbriquée dans un conteneur <audio>. 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 de la 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 <source> distincte, et toutes les balises source du conteneur audio sont composées de <audio></audio>, comme indiqué ci-dessous.

 <contrôles audio> <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.

Ce qui précède est la solution pour le format audio de prise en charge audio en HTML5 introduite par l'éditeur. J'espère qu'elle vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !