Ich habe eine list of when the browsers begann die Unterstützung der Audio-Tag und welche Audioformate unterstützen sie.
Die Unterstützung ist jetzt ziemlich gut. Seit IE9 unterstützen die neuesten Versionen aller Desktop-Browser und der meisten mobilen Browser das Audio-Tag. Der einzige Grund, es nicht zu verwenden, wäre, alte Versionen von IE zu unterstützen, aber Sie können immer einen Fallback bereitstellen, wenn das wichtig ist.
Hier sind die Details für Desktop-Browser:
+---------+-------------------------+----------------------------------+
| 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 |
+---------+-------------------------+----------------------------------+
Hier sind die Details für mobilen Browser (keine Formatinformationen, sorry):
+--------------+-------------------------+
| Browser | Supported since version |
+--------------+-------------------------+
| iOS Safari | 4 |
| Opera mobile | 10 |
| Opera mini | no support (Dec 2011) |
| Android | 2.3 |
| Blackberry | 6 |
+--------------+-------------------------+
Wenn Sie das Audio verwenden mögen, ist es important to provide both .ogg and .mp3 versions of the file, um eine gute Browserunterstützung zu erhalten.
<audio controls>
<source src="/my-podcast.mp3" />
<source src="/my-podcast.ogg" />
</audio>
Gute Frage. Ich bin mir nicht sicher, warum die Leute schließen wollen, da sie wissen, welche Browser zielgerichtet sind. –
Sie hätten Back-Ticks verwenden können, um den Code
Um klar zu sein, versuche ich einen zu finden, der mit http://moztw.org/demo/audioplayer/ funktioniert – BenB