Quels sont les navigateurs qui prennent en charge la balise html 5 <audio> sous Windows aujourd'hui ?

Question

Quels sont les navigateurs qui supportent le html 5 <audio> sur Windows aujourd'hui ?

Edit : Trying http://moztw.org/demo/audioplayer/ à titre d'essai. Chrome 2, et Safari 4 ne fonctionnent pas pour moi.

Answer 1

Si cette évaluation est vraie :

!!document.createElement('audio').canPlayType

alors votre navigateur prend en charge les balises audio. Détecter une fonctionnalité comme celle-ci est bien plus efficace que d'analyser les chaînes userAgent.

Alternativement, vous pouvez utiliser quelque chose comme Modernizr pour gérer cette détection et bien d'autres pour vous.

Answer 2

Safari 3.1+ et Firefox 3.5 prennent tous deux en charge l'élément audio. Opera 10 fait pas ne supporte pas l'élément audio, bien qu'il en supporte une version plus ancienne sous la forme d'un objet Audio. Chrome 3 prendra probablement en charge l'élément audio.

(Je viens de voir que vous vouliez connaître le support pour cette page spécifique. J'ai bien peur que cela dépende surtout des codecs que vous utilisez).

(Avertissement : je travaille pour Opera et suis membre du groupe de travail HTML).

Answer 3

Notre blog poste .

Contient des informations plus récentes sur la prise en charge de l'audio HTML5 par les navigateurs modernes.

En date de juillet 2011

IE9

Prend en charge les formats MP3 et AAC

Firefox 5

Supporte Ogg et Wav

Chrome 12

Prise en charge de Ogg, MP3, Wav et AAC

Safari 5

Prise en charge des formats MP3, AAC et WAV

Opéra 11

Supporte Ogg et Wav

Comme vous pouvez le constater à partir des données ci-dessus et de la lecture de l'article de blog, la situation est un peu frustrante car il n'existe pas un seul format audio pris en charge par tous les navigateurs. Il n'y a pas non plus de signe immédiat de résolution.

Answer 4

J'ai mis en place un liste de quand les navigateurs ont commencé à prendre en charge la balise audio et quels formats audio ils prennent en charge.

Le soutien est assez bon maintenant. Depuis IE9, les dernières versions de tous les navigateurs de bureau et de la plupart des navigateurs mobiles prennent en charge la balise audio. La seule raison de ne pas l'utiliser serait de prendre en charge les anciennes versions d'IE, mais vous pouvez toujours prévoir une solution de repli si c'est important.

Voici les détails pour les navigateurs de bureau :

+---------+-------------------------+----------------------------------+
| Browser | Supported since version |             Formats              |
+---------+-------------------------+----------------------------------+
| IE      | 9.0                     | AAC or .mp3                      |
| Firefox | 3.5                     | .ogg, .wav                       |
| Chrome  | 3                       | .mp3, .ogg                       |
| Safari  | 4                       | Any audio supported by Quicktime |
| Opera   | 9.5                     | .ogg, .wav                       |
+---------+-------------------------+----------------------------------+

Voici les détails pour les navigateurs mobiles (pas d'information sur le format, désolé) :

+--------------+-------------------------+
|   Browser    | Supported since version |
+--------------+-------------------------+
| iOS Safari   | 4                       |
| Opera mobile | 10                      |
| Opera mini   | no support (Dec 2011)   |
| Android      | 2.3                     |
| Blackberry   | 6                       |
+--------------+-------------------------+

Si vous voulez utiliser l'audio, c'est Il est important de fournir les versions .ogg et .mp3 du fichier. pour obtenir une bonne prise en charge par les différents navigateurs.

<audio controls>
   <source src="/my-podcast.mp3" />
   <source src="/my-podcast.ogg" />
</audio>

Answer 5

Voici un wikipedia article comparant le support HTML5 de chaque navigateur :