본문으로 이동

HTML5 비디오

한울위키, 우리 모두의 백과사전.
HTML
비교

HTML5 비디오(HTML5 video) 태그는 HTML5 초안 규격에서 소개된 마크업 언어 태그로 HTML 페이지의 동영상을 임베드(embed)하는 것을 지원해 준다. 2010년 4월, 어도비 플래시 플레이어는 유튜브와 같은 웹사이트에서 동영상을 포함하는데 널리 사용된다. 이것은 애플의 아이폰이나 아이패드와 같은 특정 브라우저를 제외하고는 대다수의 웹 브라우저에 어도비 플래시 플레이어가 설치되어 있기 때문이다. HTML5 동영상은 동영상 온라인을 보여주기 위한 새로운 표준 방식이 될 예정이었지만, 어떤 동영상 포맷이 동영상 태그에서 지원될 것인지 하는 것에 대한 합의 부족으로 방해를 받아왔다.

예제

아래의 HTML5 코드는 WebM 비디오를 웹 페이지에 포함한다. 

<video src="movie.webm" controls>
브라우저가 비디오 태그를 지원하지 않으면 이 문자열이 나타납니다.
</video>

복수 소스

<video poster="movie.jpg" controls>
	<syntaxhighlight src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"' />
	<syntaxhighlight src="movie.ogv" type='video/ogg; codecs="theora, vorbis"' />
	<syntaxhighlight src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' />
	<p>브라우저가 비디오 태그를 지원하지 않으면 이 문자열이 나타납니다.</p>
</video>

지원 브라우저

현재의 HTML5 초안 규격에는 동영상 태그에서 어떤 동영상 포맷을 브라우저가 지원해야 할 것인지를 명시해 두지 않았다. 따라서 브라우저는 그들이 적합하다고 생각되는 동영상 포맷을 마음대로 지원할 수 있다.

기본 동영상 포맷 논쟁

브라우저가 지원할 동영상 포맷을 적어도 하나는 명시하는 것이 바람직하다. 이러한 이상적인 동영상 포맷은 다음을 만족하여야 한다.

  • 고효율의 압축률과 고화질을 가지고 있고, 낮은 디코드 과정을 사용할 것.
  • 로열티가 없을 것.
  • 그 포맷을 지원하는 소프트웨어 디코더, 하드웨어 동영상 디코더가 존재할 것.

처음에는 Ogg Theora가 HTML5에서 추천하는 표준 동영상 포맷이었다. 특허에 영향을 받지 않았기 때문이었다. 그러나 2007년 12월 10일 HTML5 규격이 업데이트되었을 때, 포맷을 구체화하기 위해 참고사항이 갱신되었다.

브라우저 최신 안정판 (공개일) 동영상 포맷
Ogg Theora H.264/MPEG-4 AVC VP8 (WebM) 기타
인터넷 익스플로러 11.0.10240.16431 (2015년 10월 17일(10년 전)(2015-10-17)) [±] 수동 설치 9.0[1] 수동 설치 아니요[2]
파이어폭스 80.0.1 (2020년 9월 1일(5년 전)(2020-09-01)[3]) [±]

78.2.0 (ESR 1) (2020년 8월 25일(5년 전)(2020-08-25)[4]) [±] 68.12.0 (ESR 2) (2020년 8월 25일(5년 전)(2020-08-25)[5]) [±]

3.5[6] 21(Windows), 30(Linux) 4.0 아니요
구글 크롬 PC, macOS, 리눅스용

62.0.3202.62 (2017년 10월 17일(8년 전)(2017-10-17)) [±]

안드로이드용 (ARM, x86)

62.0.3202.66 (2017년 10월 19일(8년 전)(2017-10-19)) [±]

iOS용

62.0.3202.60 (2017년 10월 18일(8년 전)(2017-10-18)) [±]

3.0 예 6.0 아니요
사파리 11.0 (2017년 9월 19일(8년 전)(2017-09-19)) [±] 수동 설치 3.1[7][8] 아니요 다른 것에 의존[10]
오페라 48.0.2685.32 (2017년 9월 27일(8년 전)(2017-09-27)[11]) [±] 10.50[12] 아니요 10.60 아니요
캉커러 4.14.3 (2014년 11월 11일(11년 전)(2014-11-11)) [±] 4.4[13] 다른 것에 의존 예 다른 것에 의존[15]
웹 3.16.3 (2015년 5월 18일(10년 전)(2015-05-18)) [±] 2.28[16] 다른 것에 의존 다른 것에 의존 다른 것에 의존[17]
오리진 모르프OS용 1.9
(2010년 8월 8일(15년 전)(2010-08-08)) 		모르프OS용 1.7 모르프OS용 1.7 모르프OS용 1.9 다른 것에 의존[20]

같이 보기

각주

  1. ↑ Microsoft Previews the Revamped Internet Explorer 9 Platform
  2. ↑ HTML5 Video
  3. ↑ “"Firefox 80.0.1, See All New Features, Updates and Fixes".”. 《mozilla.org》. 모질라 재단. 2020년 9월 1일. 
  4. ↑ “"Firefox ESR 78.2.0, See All New Features, Updates and Fixes".”. 《mozilla.org》. 모질라 재단. 2020년 8월 25일. 
  5. ↑ “"Firefox ESR 68.12.0, See All New Features, Updates and Fixes".”. 《mozilla.org》. 모질라 재단. 2020년 8월 25일. 
  6. ↑ Mozilla Firefox 3.5 Release Notes
  7. ↑ 사파리 3.1 업데이트 내용
  8. ↑ 애플이 사파리에서 HTML5 지원을 과시하다!
  9. ↑ “HTML5 미디어 지원”. 2021년 9월 4일에 원본 문서에서 보존된 문서. 2010년 5월 18일에 확인함. 
  10. ↑ OS X의 퀵타임이 지원하는 모든 포맷.[9]
  11. ↑ “Convert measurements, currencies and time zones in Opera 48”. 2017년 9월 27일. 2017년 9월 27일에 확인함. 
  12. ↑ Philip Jägenstedt (2009년 12월 31일). “(re-)Introducing <video> - Official blog for Core developers at Opera”. Opera. 2010년 1월 4일에 원본 문서에서 보존된 문서. 2010년 1월 2일에 확인함. 
  13. ↑ PeterDavison (2010년 3월 3일). “KHTML Browsers including Konqueror”. Legend Scrolls. 2010년 4월 12일에 원본 문서에서 보존된 문서. 2010년 5월 18일에 확인함. 
  14. ↑ Vestbø, Tor Arne (2008년 5월 13일). “Top Secret, Hush Hush!”. Nokia Corporation. 2012년 7월 9일에 원본 문서에서 보존된 문서. 2014년 10월 30일에 확인함. 
  15. ↑ Qt의 포논이 지원하는 모든 포맷.[14]
  16. ↑ 가 나 Alp Toker (2007년 12월 8일). “HTML5 media support with GStreamer”. 
  17. ↑ 에피파니의 웹킷/GTK+ 빌드 상의 GStreamer가 지원하는 모든 포맷.[16]
  18. ↑ “Origyn Web Browser for MorphOS”. Fabian Coeurjoly. 2010년 1월 4일. 
  19. ↑ Thom Holwerda (2010년 3월 8일). “Origyn Web Browser 1.7 Supports HTML5 Media, More”. OSNews. 
  20. ↑ MorphOS의 경우 1.7 버전에서 FFmpeg가 지원하는 모든 포맷.[18][19]

외부 링크

원본 주소 "https://www.hanul.wiki/w/index.php?title=HTML5_비디오&oldid=272765"