브라우저의 HTML5 오디오포맷 지원 여부

Posted in 모바일/HTML5 // Posted at 2010. 9. 2. 11:59
728x90

[HTML5] Video & Audio 글에서 HTML5의 비디오, 오디오 지원에 대해 알아 보았다
코덱의 비표준화 문제로 각 브라우저마다 지원되는 포맷이 상이한 문제도 다루었었다
자신의 브라우저가 어떤 오디오 포맷을 지원하는지 테스트 해 볼 수 있는 사이트를 소개한다

xguru 님 트위터에 소개된, 브라우저의 오디오 지원 테스트 페이지!http://textopia.org/androidsoundformats.html

이 사이트에서는 각 오디오 포맷별로 HTML5 의 <audio> 태그를 사용하여 정의해 두었다.
위 주소로 접속하면 현재 브라우저가 어떤 포맷을 지원하는지 시각적으로 확인 할 수 있다

현재 나의 데스크탑에 설치된 4대 브라우저를 테스트 해 봤다. 각 브라우저와 버전은 다음과 같다
1) 크롬, 버전 5.0
2) 사파리, 버전 5.0
3) 파이어폭스, 버전 3.6.8
4) 오페라, 버전 10.61


테스드 대상 오디오 포맷은 다음과 같이 총 7개이다
- ogg, mp3, 3gp, m4a, wav, amr, mp4

4대 브라우저에서 테스트를 해 보니 아래와 같은 결과가 나왔다

크롬

사파리


파이어폭스


오페라

그리고 아이폰 3 사파리로 테스트한 결과, 데스크탑 사파리와 동일한 결과가 나왔다



정리 해 보면, 각 브라우저 별로 지원되는 오디오 포맷은 다음과 같다
크롬: ogg, mp3, m4a, mp4
사파리: mp3, 3gp, m4a, wav, amr, mp4(아이폰 3GS, 모바일 사파리 동일)
파이어폭스: ogg, wav
오페라: ogg, wav

'모바일 > HTML5' 카테고리의 다른 글

[HTML5] Cross Document Messaging  (3) 2010.09.03
HTML5 템플릿 제공 사이트 소개  (0) 2010.09.03
[HTML5] Server-Sent Events  (4) 2010.08.31
[HTML5] Notifications (알림)  (2) 2010.08.30
[HTML5] 웹 양식(Web Form)의 개선, 폼 태그  (4) 2010.08.26