Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I put together a <a href="http://helephant.com/2011/12/29/the-html5-audio-tag/#browser-support">list of when the browsers</a> started supporting the audio tag and which audio formats they support. </p> <p>The support is pretty good now. Since IE9, the latest versions of all the desktop browsers and most the mobile browsers support the audio tag. The only reason not to use it, would be to support old versions of IE, but you can always provide a fallback if that's important. </p> <p>Here are the details for desktop browsers:</p> <pre><code>+---------+-------------------------+----------------------------------+ | 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 | +---------+-------------------------+----------------------------------+ </code></pre> <p>Here are the details for mobile browsers (no format information, sorry):</p> <pre><code>+--------------+-------------------------+ | Browser | Supported since version | +--------------+-------------------------+ | iOS Safari | 4 | | Opera mobile | 10 | | Opera mini | no support (Dec 2011) | | Android | 2.3 | | Blackberry | 6 | +--------------+-------------------------+ </code></pre> <p>If you want to use the audio, it's <a href="http://helephant.com/2011/12/29/the-html5-audio-tag/#supporting-different-browsers">important to provide both .ogg and .mp3 versions of the file</a> to get good cross browser support. </p> <pre><code>&lt;audio controls&gt; &lt;source src="/my-podcast.mp3" /&gt; &lt;source src="/my-podcast.ogg" /&gt; &lt;/audio&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload