HTML5 오디오 태그는 wav, mp3, ogg, acc, webm 및 기타 형식을 지원할 수 있지만 주요 브라우저에서 기본적으로 지원하지 않는 매우 중요한 음악 파일 형식인 midi(확장자 mid)가 있습니다. 모든 브라우저가 MP3 OGG 등을 지원하는 것은 아닙니다. 각 브라우저는 저작권 문제로 인해 서로 다른 형식을 지원합니다.
브라우저 및 오디오 호환성모든 브라우저 제조업체가 특정 오디오 파일 형식 사용에 동의하는 것은 아닙니다. 이미지의 경우 PNG, JPEG 또는 GIF 형식의 파일이 모든 브라우저에서 페이지에 로드됩니다. 안타깝게도 오디오 파일의 경우에는 그렇지 않습니다. 표 1은 웹 페이지에서 사용할 수 있는 오디오 파일 형식을 보여 주지만 모든 브라우저에서 모든 형식을 사용할 수 있는 것은 아닙니다. 예를 들어 Chrome, Internet Explorer 9(IE9) 및 Safari 브라우저는 비압축 형식을 사용하는 점점 감소하는 표준인 WAV 파일을 지원하지 않습니다.
HTML5 브라우저 및 오디오 형식 호환성| 오디오 형식 | 크롬 | 파이어폭스 | IE9 | 오페라 | 원정 여행 |
| OGG | 지원하다 | 지원하다 | 지원하다 | 지원되지 않음 | 지원되지 않음 |
| MP3 | 지원하다 | 지원되지 않음 | 지원하다 | 지원되지 않음 | 지원하다 |
| WAV | 지원되지 않음 | 지원하다 | 지원되지 않음 | 지원하다 | 지원되지 않음 |
모든 브라우저가 사용하는 공통 파일 형식이 없다는 것은 최소 2/5의 브라우저가 특정 사운드를 재생할 수 없다는 것을 의미합니다. 이는 브라우저 제조업체가 비타협적이고 단일 오디오 표준에 동의할 수 없다는 문제가 아니라 특허권 및 로열티와 관련된 법적, 재정적 문제입니다. 소프트웨어 특허에 의해 제한되지 않는 OGG 형식은 이 문제를 완전히 해결하는 것을 목표로 합니다. 그러나 이 글을 쓰는 시점에서는 Opera나 Safari 모두 OGG를 지원하지 않습니다. OGG 형식 파일보다 사용할 수 있는 WAV 및 MP3 파일이 더 많기 때문에 브라우저 제조업체에서는 이를 고려했을 것입니다. 사실상의 표준인 MP3는 훌륭한 솔루션입니다.
해결 방법: 세 가지 파일 형식과 <audio> 태그를 사용하세요.현재 상황을 고려하면 아직은 HTML5 페이지에서 오디오를 사용할 최적의 시기가 아니라고 생각할 수도 있습니다. 어떤 면에서는 이것이 사실일 수도 있지만 HTML5는 귀하가 선호하는 브라우저에서 호환되는 형식을 찾을 수 있도록 하는 솔루션을 제공합니다.
<audio> 태그와 함께 사용하면 <source> 태그가 <audio> 컨테이너 내에 중첩될 수 있습니다. 당신이 Wagner 팬이고 HTML5 페이지에서 그의 오페라 Ride of the Valkyries를 듣고 싶다고 가정해 보겠습니다. 먼저 OGG, MP3, WAV라는 세 가지 파일 형식의 음악을 가져와야 합니다. 이러한 음악 파일을 HTML5 파일과 동일한 폴더에 넣습니다. 그런 다음 각 파일 이름을 별도의 <source> 태그에 넣으면 아래와 같이 오디오 컨테이너의 모든 소스 태그가 <audio></audio>로 구성됩니다.
<오디오 컨트롤> <source src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <source src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <source src =http://demo.mimvp.com/html5/take_you_fly.wav /></audio>
방문자가 어떤 브라우저를 사용하든 상관없이 방문자는 자동으로 읽은 첫 번째 파일 형식을 선택하고 소리를 재생합니다.
요약위 내용은 편집자가 소개한 HTML5의 오디오 지원 오디오 형식에 대한 솔루션입니다. 궁금한 사항이 있으면 메시지를 남겨주시면 편집자가 시간에 맞춰 답변해 드리겠습니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!