video 태그가 지원하는 형식과 코덱


발생일: 2013.03.28

문제:
라이선스 문제로 각 브라우저에서 지원하는 비디오 태그의 코덱이 다르다고 알고 있다.

자세히 살펴보자.



해결책:


비디오 형식은 매우 다양하며, 어떤 것은 무료지만 어떤 것을 라이선스 비용을 내야 한다.
HTML5 비디오 태그와 관련된 비디오 형식에는 .ogg, .mp4, .webm 가 있다.

각 비디오 형식은 한 가지 또는 여러 가지 코덱을 사용해서
비디오 또는 오디오를 압축하거나 압축을 푼다.

코덱을 사용하면 큰 용량의 비디오 데이터를 작은 크기의 파일로 압축해서 이용할 수 있기 때문에
비디오 형식에 있어 매우 중요하다.


1. 테오라 + 보비스 = .ogg

테오라(Theroa, http://theora.org)는 Xiph.org에서 만든 무료 오픈소스 비디오 코덱이다.
보비스(Vorbis, http://vorbis.com) 역시 오픈소스이며 테오라와 함께 사용되는 오디오 코덱이다.
테오라와 보비스는 함께 .ogg 파일로 저장되고, 여러 웹 브라우저에서 지원하고 있다.
하지만, 모바일 장비에서는 아직 지원하지 않고 있다.

애플을 포함한 여러 회사에서 테오라/보비스의 사용을 망설이는 이유는,
어느 날 갑자기 누군가 이 기술과 관련된 특허를 얻은 후 특허권을 주장할 수 있기 때문이다.

- 브라우저별 ogg 지원 현황
    크롬, 파이어폭스, 오페라


2. H.264 + 돈, 비용 = .mp4

H.264는 애플, 어도비, 마이크로소프트와 같은 업체의 지원을 받아온 고화질 비디오 표준이다.
하지만, 이는 비디오 코덱이 아닌 단지 표준일 뿐이다.

MPEGLA라는 이름의 기관이 지적 재산권을 가지고 있으며,
소프트트웨어와 하드웨어 업체가 이 표준을 사용하려면 라이선스를 받아야 한다.
이 때문에 대부분의 업체는 독자 코덱을 사용했다.

결국 각 회사마다 서로 호환성이 없는 다양한 코덱을 사용하게 됨으로써
이 비디오 형식을 여러 플랫폼에서 사용하기 어렵게 됐다.
H.264 표준으로 만든 비디오는 .mp4 형식을 갖는다.

영리를 추구하는 회사들은 대부분 이 플랫폼을 제공하지만,
파이어폭스나 오페라 같은 오픈소스 브라우저들은 이 형식을 지원하지 않는다.

구글 또한 2010년 말부터 크롬에서 H.264 지원을 중단하고 WebM을 지원하기로 했지만,
아직까지는 (Chrome 27.0) 지원하고 있는 것으로 보인다.

- 브라우저별 mp4 지원 현황
    IE9~, 크롬, 사파리, iOS 3.2~, 안드로이드 2.1~
    크롬과 안드로이드는 드롭될 수 있음

- 안드로이드 폰에서 비디오 태그 구현 시 주의할 사항:


3. VP8 + 보비스 = .webm

WebM은 구글, 어도비, 모질라, 오페라에서 지원하는 새로운 오픈소스 비디오 표준이다.
VP8 코덱을 기반으로 하고, 오디오 코덱으로 보비스(Vorbis)를 포함한다.

유투브에서 사용하는 HTML5 비디오 코덱도 WebM이며,
크롬, 안드로이드, 오페라, 파이어폭스에서 지원한다.

- 브라우저별 webm 지원 현황
    크롬, 파이어폭스, 오페라, 안드로이드 2.3~



참고로, 비디오 변환이 필요한 경우, FFmpeg 를 이용하자.
  - FFmpeg (http://ffmpeg.org/) : 커맨드라인 기반의 비디오 변환 도구



# 참고:
  - HTML5 Canvas p.340~343 의 내용에 덧붙여 정리


카테고리

분류 전체보기 (702)
About me. (6)
Daylogs (667)
비공개 (0)
영어공부 (0)
My works - 추억 (29)