Browser File Format Support — Complete Compatibility Table

// JavaScript — test image format support
function supportsFormat(mime) {
  const img = document.createElement('canvas');
  return img.toDataURL(mime).startsWith('data:' + mime);
}
console.log('WebP:', supportsFormat('image/webp'));
console.log('AVIF:', supportsFormat('image/avif'));

// Test video codec support
const video = document.createElement('video');
console.log('H.264:', video.canPlayType('video/mp4; codecs="avc1.42E01E"'));
console.log('H.265:', video.canPlayType('video/mp4; codecs="hvc1"'));
console.log('VP9:',   video.canPlayType('video/webm; codecs="vp9"'));
console.log('AV1:',   video.canPlayType('video/mp4; codecs="av01.0.01M.08"'));

// Test audio format support
const audio = document.createElement('audio');
console.log('MP3:',  audio.canPlayType('audio/mpeg'));
console.log('FLAC:', audio.canPlayType('audio/flac'));
console.log('Opus:', audio.canPlayType('audio/opus'));