This is just a simple test/demo of the HTML5 <audio> tag with which to test browser support.
Assuming you have a modern web browser with working <audio> tag support, click the "play" button in the player below to hear which audio format your browser defaults to. Below this, you'll see a form showing which major web formats your browser SAYS it supports, and buttons to click to try out the other formats.
NOTE: This page is definitely in need of an update. It should still be useful even now, but there are a few more opus-codec-containing file formats that are becoming potentially relevant on the web (.weba with opus instead of vorbis, and even Apple...Apple...is supporting opus (but of course only in their special "Core Audio Format" container), and despite what the test recording currently says, FLAC is actually supported by most modern browsers now!
In the meantime, feel free to test the versions I have below...
ANOTHER NOTE: Feel free to try formats that the browser claims it doesn't support - the browser may be lying.
If you're willing, use the drop-down boxes (which say "(untested)" when you first start) next to each sample that you try to indicate if the audio works for you, then click the "(Click to report your results when ready)" button when you've tested the formats that you're interested in. The form will let me know which browser you're using and what results you reported - I'll start posting results once enough people have submitted them.
Some of the notes below need to be updated as well. The desktop (and presumably "Chromebook") Google Chrom(ium|e) browsers DO have .opus support enabled by default for a while now, finally, for example. I also note that Firefox, at least, has support for accessing audio metadata, so if I get time I may try to add tests of metadata reading and display as well to this page.
Opus is awesome: as of the beginning of November 2013, the only browser forward-thinking enough to support it "out of the box" for HTML5 audio was Firefox (who have supported it since all the way back in Firefox 15, sometime back in 2012 I think). Chrome/Chromium have been ABLE to support it since around Chrome 26, but Google still did not bother to enable it by default despite actually adding the code for it some time, until comparatively recently. It finally got turned on by default sometime in 2014. Don't get me started on Microsoft's obsolescence (I think they'll probably EVENTUALLY enable support, but they're so far behind the times on the web in general that it may be a couple of years Microsoft has actually committed to adding standard opus codec support to IE/"Spartan" for their special (but compatible?) superset of WebRTC ("oRTC"). They seem to be a more "mature" company lately, and might conceivably add support for .opus files in <audio> tags "soon". Go here to encourage them by voting for this issue in their tracker!
Apple's limited and strictly-controlled media support is probably a lost cause. As Microsoft becomes IBM (in a good way, I mean), Apple is busy becoming Microsoft (abusively and belligerently proprietary). Perhaps when EVERYONE else (including Microsoft) supports .opus, Apple MIGHT drag themselves into the 21st century on the web.
Internet Explorer 9 or later: I recommend installing the free
WebM Components for Microsoft Media Foundation to enable playback of WebA audio (and WebM video) as well as creation of WebM files via any software that uses
the Microsoft Media Foundation system.
Windows users may also want to install the also-free Xiph DirectShow Filters to add support for the high-quality, legally-free "Vorbis" audio codec (and "Ogg/Vorbis" files) along with FLAC, Speex, and other legally-free audio and video formats. Microsoft refuses to allow .ogg files in IE no matter what, but this will add support for Ogg reading and writing to Windows Media player and other applications.
I also recommend just using some other browser (Firefox or Opera or Chrome), at least until newer IE versions support a free high-quality standard (like .opus)
Safari: I recommend installing the free WebM Quicktime Component, which not only enables Safari to play weba audio (and webm video) but also allows any other QuickTime-using software to play or create WebM media. You may also want to install the also-free XipQT QuickTime Component which does the same for Ogg Vorbis audio, as well as FLAC, Speex, and several other legally-free formats. (This advice may be somewhat out of date - apparently Apple has increasingly clamped down on allowing "unapproved" media formats on "their" devices. As a result, you might be better off just using Firefox or Chrome...)
Android Browser: ALL versions of Android come with built-in Ogg Vorbis audio support, but support for the HTML5 <audio> tag wasn't added until the "Gingerbread" release (Android 2.3). For some odd reason, Android browser reports that it doesn't support WebM Audio, but it actually does (This is a known bug since August 2011 in "Gingerbread", and still present in the current "Ice Cream Sandwich" version - Wake up, Google!).
iOS: You're stuck with just the few proprietary formats that Apple corp. permits you. On this page, that's just mp3, and possibly wav. Sorry, nothing anyone can do as long as Apple forbids you access to other formats.(NOTE: sometime relatively soon I'll probably be adding a .alac sample. If it turns out iOS devices allow this, there'll be at least ONE apparently-legally-free audio format available for them, though much like .flac, it's probably not very suitable for web use.)