FLAC: Browser Support, Features, Limitations

What is FLAC?

FLAC, short for Free Lossless Audio Codec, is an open audio format from the Xiph.Org Foundation that compresses CD-quality audio to about half its original size with zero quality loss. The IETF published the bitstream as RFC 9639. The standard file extension is .flac and the standard MIME type is audio/flac.

Which browsers does FLAC support?

Every modern browser engine supports FLAC inside the HTML5 audio element on desktop and mobile, with global support sitting at roughly 96% of all web traffic, while Internet Explorer and Opera Mini are the only holdouts.

What are the key features of FLAC?

FLAC pairs lossless audio with an open, royalty-free license, and the bitstream is flexible enough to fit archival, streaming, and high-resolution use cases. The headline features cover compression behavior, audio quality limits, container choices, and playback ergonomics.

• Lossless compression: FLAC reduces a CD-quality file to about 50% of its original size while keeping the decoded samples bit-identical to the source. The MD5 of the original PCM stream is stored in the header so a player can verify the decode.
• High-resolution audio: FLAC supports bit depths from 4 to 32 bits and sample rates up to 655,350 Hz, which covers DSD-style high-res masters that 24-bit 192 kHz studio workflows produce.
• Up to 8 channels: The bitstream encodes mono, stereo, and surround layouts up to 7.1, with optional inter-channel decorrelation that improves compression on stereo and matrixed multi-channel material.
• Multiple containers: FLAC ships in three containers, native .flac, Ogg FLAC, and FLAC in ISO-BMFF (MP4). The native container uses audio/flac, Ogg FLAC uses audio/ogg with codecs=flac, and ISO-BMFF FLAC uses audio/mp4 with codecs=flac.
• Streamable bitstream: Frame headers are self-synchronizing and carry their own sample number, so a player can seek inside a long file or recover from a network drop without parsing the whole file.
• Vorbis comment metadata: Tags use the Vorbis comment scheme, the same scheme Ogg Vorbis and Opus use. Common tags such as TITLE, ARTIST, ALBUM, and REPLAYGAIN_TRACK_GAIN map to the same fields used by every major media player.
• Embedded album art: The PICTURE block holds JPEG, PNG, or GIF cover images, with up to 20 distinct picture types per file. Players read the block to render thumbnails without an external lookup.
• Open and royalty-free: The reference encoder, decoder, and bitstream are released under permissive licenses with no patent encumbrance. IETF RFC 9639 codifies the same bitstream so any project can implement FLAC without legal review.

How do you play FLAC in HTML5 audio?

You play FLAC in HTML5 audio by serving the file with the audio/flac MIME type and pointing an audio element at the URL. The browser handles the rest, just as it would for an MP3 file. To handle older browsers gracefully, list a fallback source so the engine can pick a format it can decode.

• Serve audio/flac from your origin: Configure the web server so .flac files return Content-Type: audio/flac, and add Accept-Ranges: bytes so the browser can request a byte range and seek inside the file.
• Add an audio element with multiple sources: Use one source pointing at the FLAC file with type="audio/flac" and a second source pointing at an MP3 fallback. The browser walks the list and picks the first one it can decode.
• Feature-detect with canPlayType: Call audio.canPlayType("audio/flac") at runtime and read the return value. probably or maybe means the browser will try to decode FLAC, and an empty string means it cannot.
• Confirm support in the DevTools console: Paste the snippet below into Chrome, Firefox, Safari, Edge, or Opera. The output prints the support level for native FLAC, Ogg FLAC, and FLAC in MP4 in one pass.

// Paste this into the DevTools console to confirm the browser plays FLAC.
const audio = document.createElement("audio");
const flacMimeTypes = [
  "audio/flac",
  "audio/x-flac",
  'audio/ogg; codecs="flac"',
  'audio/mp4; codecs="flac"'
];

for (const mime of flacMimeTypes) {
  const result = audio.canPlayType(mime);
  console.log(mime, "->", result || "(empty: not supported)");
}

// 'probably' or 'maybe' means the browser will try to decode FLAC.
// An empty string means the engine has no FLAC decoder for that container.

If every line prints an empty string, the browser is Internet Explorer, Opera Mini, or a pre-FLAC build of Chrome, Firefox, or Safari. Fall back to MP3 or AAC for those visitors and warn anyone serving live FLAC streams that iOS Safari only handles progressive FLAC downloads, not Icecast or HLS streams.

What are the known issues with FLAC?

FLAC plays cleanly in every modern browser engine, so the painful edge cases land on legacy Safari, live streaming on iOS, server MIME types, and the file-size cost of a lossless codec.

• Safari on macOS Catalina and earlier splits behavior: Safari 11 to 12.1 on macOS plays FLAC only as a file download, not inside the audio element. Visitors on those builds see a broken player even though the OS holds the file. The fix is to fall back to MP3 for Safari user agents below version 13.
• iOS Safari does not handle live FLAC streams: Safari on iOS plays progressive FLAC downloads, but it has no FLAC streaming demuxer for Icecast or HLS, so live FLAC radio fails on iPhone and iPad. Workarounds include encoding the stream as AAC for iOS, or directing iOS listeners to a native player like VLC or foobar2000.
• Misconfigured MIME types break playback: Some web servers still serve .flac as application/octet-stream, which trips Chrome and Firefox sniffing rules. Set the MIME type to audio/flac in the server config, since audio/x-flac is a non-standard alias and not every browser maps it to the FLAC decoder.
• FLAC in MP4 needs Chrome 62+ or fMP4 packaging: Adaptive streaming with Media Source Extensions requires FLAC inside MP4 fragments. Chrome supports the path from Chrome 62, while Safari only handles FLAC in HLS when the segments are fMP4. Plain MPEG-2 transport stream segments fail.
• File size hits cellular budgets: A FLAC track is roughly five times larger than an MP3 at common bitrates, so a 60-minute FLAC podcast eats around 400 MB of mobile data. Offer a lossy fallback for cellular listeners or warn them on the player UI.
• Internet Explorer never supported FLAC: IE 5.5 to IE 11 cannot decode FLAC, and the audio element falls back to source list iteration. Provide an MP3 source so legacy IE intranet users still hear audio, even though Microsoft has retired IE 11.
• Opera Mini renders pages on a server proxy: Opera Mini strips the audio element on its server and replaces it with a download link, so FLAC playback never starts on a low-end Opera Mini device. The fallback is a native player launched from a tap.
• FLAC in Ogg is widely supported but rarely served: Every Chromium browser, Firefox, and modern Safari plays FLAC inside Ogg using audio/ogg; codecs=flac, but most CDNs default to native FLAC. Pick the native container for streaming and the Ogg container only when interoperability with Vorbis-era tooling matters.

In my experience, the trickiest failure is the iOS live-stream gap. A FLAC internet radio station that works in Chrome on Windows and Safari on macOS will silently fail on iPhone, because iOS Safari only progressive-loads FLAC and rejects FLAC frames inside an HLS or Icecast stream. Always probe the user agent and route iOS listeners to a parallel AAC stream, or your iPhone analytics will show a flat zero on play events.

Citations

All FLAC version numbers and platform notes in this guide come from these primary sources:

• MDN Web Docs - Audio codecs guide: developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Audio_codecs
• MDN Web Docs - Media container formats: developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Containers
• Xiph.Org Foundation - FLAC homepage: xiph.org/flac
• Xiph.Org Foundation - FLAC format specification: xiph.org/flac/format.html
• IETF - RFC 9639 Free Lossless Audio Codec: rfc-editor.org/rfc/rfc9639
• Wikipedia - FLAC: en.wikipedia.org/wiki/FLAC
• Wikipedia - HTML5 audio: en.wikipedia.org/wiki/HTML5_audio
• Chrome Platform Status - FLAC for audio and WebAudio: chromestatus.com/feature/5744731434778624
• Chrome for Developers - FLAC in MP4 sample: googlechrome.github.io/samples/media/flac-in-mp4-for-mse.html
• Apple Developer - HTTP Live Streaming audio guidelines: developer.apple.com/documentation/http-live-streaming
• WHATWG - HTML Living Standard, the audio element: html.spec.whatwg.org/multipage/media.html
• Microsoft Learn - Edge supported media formats: learn.microsoft.com/en-us/microsoft-edge/web-platform