블로그 방명록 사전 갤러리 게시판 인클봇 인클챗 웹 IRC 위즈 인클플 음방
(동접: 0명/0명) [?]
 


유튜브, HTML5 비디오 지원 - video 태그

유튜브가 HTML5 비디오를 지원하기 시작했습니다. HTML5 비디오란, 플래시나 실버라이트 같은 별도의 플러그인을 사용하지 않고, 웹 브라우저 자체에서 동영상을 재생하는 것을 말합니다. 비디오뿐만 아니라 오디오도 지원하지요.

유튜브 로고

HTML5 비디오를 사용하는 것은 간단합니다. <video> 태그만 써주면 되죠. 예를 들어, test.ogv 라는 동영상 파일을 재생하고 싶다면, <video src="test.ogv"/> 라고만 써주면 됩니다.

그렇다면 플래시나 실버라이트로 동영상을 재생하지 않고, 굳이 HTML5 비디오를 쓰는 이유는 무엇일까요? 크게 두 가지가 있습니다.

첫째, 별도의 플러그인을 깔지 않아도 된다는 것입니다. 거의 모든 사람이 설치하기 때문에 기본 기능처럼 된 플래시도, 엄밀히 따지면 플러그인입니다. 즉, 웹 브라우저의 내장 기능만으로 플래시를 지원할 수 없다는 것이지요. 물론, 플래시가 꼭 필요한 분야도 있을 것입니다. 그러나 동영상과 음악 같은 필수적인 요소조차 플러그인을 통해야 하는 것은 안타까운 일이죠. HTML5 비디오는 웹 브라우저에 동영상 기능을 내장하여, 별도의 플러그인을 설치하지 않아도 재생할 수 있도록 합니다. 플래시가 동작하지 않는 환경도 많기 때문에, 더 많은 사람이 웹에서 동영상을 볼 수 있게 됩니다.

둘째, 보다 범용성을 가질 수 있습니다. 대부분의 플러그인은 표준 기술이 아니기 때문에, 개발자나 사이트에 따라 적용 방식이 천차만별일 수 있습니다. 예를 들어, 플래시 플레이어는 검색 엔진이 읽을 수 없습니다. HTML5 비디오를 사용하면 이러한 점에서 기술적 통일을 이룰 수 있을 것입니다.

유튜브에서 HTML5 비디오를 사용하려면, 유튜브 HTML5 비디오 플레이어에서 HTML5 베타를 활성화해야 합니다. 불행히도, 유튜브는 H.264 코덱을 사용하기 때문에, Ogg 세오라(Theora) 코덱만 지원하는 파이어폭스에서는 동작하지 않습니다. 유튜브에 따르면, 구글 크롬과 사파리 4 이상, 그리고 크롬 프레임을 설치한 인터넷 익스플로러에서 이용이 가능하다고 합니다.

그래서 리눅스에서 크롬을 켠 후, 기존 플래시 플레이어와 성능을 비교해봤습니다. 플래시에서는 CPU 점유율이 15.8%였고, HTML5 비디오 기능을 켜고 난 후에는 18.2%였습니다. 근소한 차이이긴 하지만, 아직까지 플래시 플레이어의 최적화에는 못 따라가는 것 같습니다. 게다가, 동영상을 확대하는 데 있어서 크롬이 사용하는 알고리즘이 나쁜지, HTML5 비디오에서는 약간 거칠게 나옵니다. 이걸 보면 플래시가 대단하긴 하군요.

플래시 플레이어

플래시 플레이어

HTML5 비디오

HTML5 비디오


유튜브의 크기를 생각해볼 때, 이번 HTML5 비디오 지원은 파급력이 클 것 같습니다. HTML5 비디오가 빠르게 정착되는 데 일조하길 바랍니다.

ps: 유튜브 HTML5 비디오는 현재 &fmt=18 만 지원하는 것 같습니다. 플래시 플레이어와 비교해보실 분들은 동영상 주소 뒤에 &fmt=18 를 입력하시기 바랍니다. 원본 해상도는 480x270입니다.
ps2: 그런데 아무래도, 이번에도 자유 코덱인 Ogg 세오라가 패배할 것 같은 불길한 예감이 드는데요...
ps3: 크롬과 사파리 사용자 분들은 플래시 쓸 일이 하나 줄었군요.

Posted by 랜덤여신

2010/01/24 16:27 2010/01/24 16:27

Trackback URL : http://barosl.com/blog/trackback/843

Trackbacks List

  1. Britney spears no underwear.

    Tracked from Gay teen in underwear. 2010/08/07 02:42 Delete

    Britney spears no underwear photo. Britney spears no underwear. Britney underwear. Abc underwear. Britney spears without underwear.

Comments List

  1. astraea 2010/01/24 17:27 # M/D Reply Permalink

    youtube 뿐만 아니라 vimeo 마저 h.264 만 지원하는
    html5 video 를 시작한지라
    mozilla 의 입장, 더 나아가 theora 의 미래가 불투명해진 느낌이;;

  2. 5frame 2010/01/24 18:54 # M/D Reply Permalink

    Dailymotion이 Ogg Theora 동영상 서비스를 하고 있기는 합니다만 이쪽은 아직 베타군요...

  3. nalm 2010/01/25 15:13 # M/D Reply Permalink

    잘 읽었습니다...

  4. thiefyou 2010/01/26 10:30 # M/D Reply Permalink

    하지만 다른 측면에서 본다면...
    동영상 하나를 다운 받는 경우에도
    용량이 크더라도 고화질만 고집하는 유저분들이
    저정도의 퀄리티 차이를 보이는 것에
    어떤 반응을 보일지가 문제군요...

    물론 자체적으로 퀄리티를 높일 수 있다면 더욱 좋겠지요

    잘 읽고 갑니다 ^^

    1. ㅁㄴㅇㄹ 2010/02/01 13:05 # M/D Permalink

      어차피 똑같은 동영상을 재생하는 겁니다
      html5의 경우는 디블럭알고리즘이 미비해서 저렇게 보이는거죠
      플래쉬재생용 동영상 html5용 동영상이 따로 있는게 아닙니다

  5. 임평택 2010/02/02 17:26 # M/D Reply Permalink

    제 경험으로 두가지 동영상을 동시에 가지고 있지 않다는데 일단 투표하고 그러나 결코 그렇지 않다는데 한표을 행사합니다.
    즉 콘덱을 변환하는 일은 서버가 그냥 알아서 하는 것이 아니라 다 알다시피 cpu의 사용율이 상당히 높습니다. 그런데 그것을 배번 이용자의 요구에 맞게 코덱을 변환 할 수 있을까요. 그렇다고 그 많은 동영상을 죄다 변환을 한다는 것도 불가능함으로 단계적으로 할 여지가 있을거 같구요. 아마 깨지는 이유는 처음에 플래시로 작업된것을 다시 h264로 작업 걸거 같은데.(쩝 아님말구)
    참 디블럭을 이야기 하시는데 어찌되었것 이미 하나의 형식으로 앞축된 데이터를 다른 형식으로 바꾸는 것은 무조건 상태가 나빠집니다. 음 만일 유투브가 사용자들이 올린 원본을 보관하고 있다면 상황은 많이 다르겠지만.

    다음은 왜 그럼 그들은 h264를 사용할까?
    간단합니다. 그들은 지금 크롬을 깔도록(엄밀히 말하면 주 브라우저가 되도록) 유도를 해야합니다.
    구글입장에서는 브라우저 시장에서 가장 강력한 라이벌이 파이어 폭스가 되것습니다. 물론 다른애들도 다 라이벌이지만. 파폭을 이용하는 사람의 대다수는 리눅스사용자 또는 반 MS이용자 들 또는 보안상 이 대다수를 차지 할 겁니다. 그들의 특성이 대부분 둘다 이용하는 측면이 있을 겁니다.
    장점만을 취합하려거나 호환성을 위해서 등의 이유가 생기기 때문인데. 어쨌거나 파폭을 이용하는 사람과 크롬을 이용하는 사람의 컴에는 대부분 한쪽보다는 둘다 설치되어 있을 가능성에 무게를 싣겠습니다. 그럼 기본 브라우저를 노려야합니다. 결국 그 승리를 위해 선택했을 가능성에 무게를 싣겠습니다. 사실 파폭의 경우는 오픈소스에 가까운지라 저런 비 오픈소스(h264)를 지원하는 부분에 무지 머리가 아프며 아예 지원을 안할 가능성이 높습니다.

    어차피 제가 그쪽회사 직원이 아니라 완전 추축이 난무하지만 ㅋㅋㅋ

    1. 랜덤여신 2010/02/02 17:55 # M/D Permalink

      본문에서 수행한 비교는 완전히 같은 파일을 각각 플래시와 HTML 5로 재생한 것입니다. 플래시도 H.264를 재생할 수 있기 때문이죠. 즉, 유튜브가 HTML 5용으로 따로 파일을 가지고 있진 않습니다.

      유튜브는 원본 동영상을 보관하고 있습니다. 몇 년 전에 인터뷰에서 밝혔지요. 따라서 만일 구글이 차후 Ogg Theora 코덱을 지원하기로 결정한다면, 원본 동영상을 인코딩할 수 있습니다.

  6. waller 2010/04/14 22:05 # M/D Reply Permalink

    http://www.youtube.com/watch?v=ewE9AVL5j-g
    유투브에서 플래시로 플래이 한후 다운로드 한것과
    HTML5해서 다운로드 한것이 파일이 다릅니다.
    플래시로 재생한 파일은 파일포맷이 flv이고
    html5 같은 경우는 mp4 파일포맷이군요.
    안에 압축된 264의 프로파일도 다릅니다. ㅇㅇ;
    같은 파일을 플래시와 html5로 재생했다는건 어떻게 했다는 테스트 한것인지요?

Leave a comment
« Previous : 1 : ... 52 : 53 : 54 : 55 : 56 : 57 : 58 : 59 : 60 : ... 807 : Next »

블로그 이미지

랜덤여신이 살아가는 이야기입니다. / 국내 점유율이 1%도 안 되는 리눅스 관련 글을 주로 씁니다. 관심 좀... ㅠㅠ / 컴퓨터쪽 이야기도 씁니다.

- 랜덤여신

Archives

Recent Posts

  1. 파이어폭스 설치하는 ActiveX 플러그인... (21)
  2. 파이어폭스, 윈도 모바일 지원 중단 (3)
  3. 구글, 중국 사용자 홍콩 서버로 리다이... (2)
  4. 안드로이드 시장 점유율, 빠르게 상승 ... (4)
  5. OpenSSH 5.4 출시 - SSH1 비활성화 (1)
  6. 아이폰 개발자 프로그램, 약관 전문 폭로 (12)
  7. 스팀 및 밸브 게임, 맥 지원 시작 (3)
  8. 유비소프트, 인증 서버 다운으로 게임 ... (5)
  9. MS, 윈도 폰과 엑스박스 동시 지원 게...
  10. MS, IE6 장례식에 조화 보내 (3)
  11. 북한 리눅스 배포판 '붉은 별' (5)
  12. 우분투, 새 디자인 공개 - '빛' 테마 (8)
  13. 미국 토피카 시, '구글 시'로 이름 변경 (5)
  14. 애플, 아이폰 특허 침해로 HTC 고소 - ... (8)
  15. PS3 구형, 달력 버그로 게임 실행 불가능 (2)
  16. EU, 구글 스트리트 뷰에 사생활 침해 경고
  17. 2ch 공격이 무의미한 이유 (62)
  18. 동영상 포맷 화질 비교 - H.264, Ogg T... (8)
  19. 아이튠즈 스토어, 음악 다운로드 100억...
  20. 고 대디, 암호화 없이 비밀번호 저장하... (2)
  21. 페도라 쓴다고 말해! (8)
  22. 유튜브, 3월 13일에 IE6 지원 중단 (2)
  23. 애플, 앱 스토어에서 성인 앱 6000개 제거 (6)
  24. 구글 기어스, HTML5로 대체
  25. 모바일 리눅스에는 인라이튼먼트가 제격? (2)
  26. MS, 유럽 윈도에 '웹 브라우저 선택' ... (12)
  27. 파이어폭스 부가 기능 사이트 차단과 S... (13)
  28. SKT 주최 '안드로이드 개발자 컨퍼런스... (2)
  29. 구글, 위키미디어 재단에 200만 달러 기부 (5)
  30. 오픈 소스 모델은 정말 효율적인가? MS... (10)