HTML5 비디오 작업

HTML5가 모바일 비디오 환경을 제공하기 위한 공통 표준이지만, 데스크톱 비디오 환경을 제공하기 위한 플랫폼으로 다음 HTML5 제한 중 일부를 고려할 수 있습니다.

  • HTML5는 차선의 데스크톱 비디오 환경만 제공합니다.

    HTML5의 웹 브라우저에서 비디오 스트리밍 표준이 없습니다. 따라서 점진적인 다운로드 환경을 통해서만 비디오를 고객에게 제공할 수 있습니다. 이와 같은 경험은 비디오에서 로드 시간과 검색 시간이 더 길어짐을 의미합니다. 그리고 비디오의 임시 사본이 사용자의 데스크톱에 저장됩니다.

    또한 적응형 비디오 스트리밍은 사용할 수 없습니다. 적응형 비디오 스트리밍이 있는 경우 비디오 플레이어가 사용자의 네트워크 연결을 감지하고 동적으로 적절한 비디오 품질을 제공합니다. 즉, 느린 대역폭에 대해서는 낮은 품질의 비디오가 제공되고 빠른 연결에 대해서는 높은 품질의 비디오가 제공됩니다. 동적 스트리밍이 없는 경우 해당 대역폭에 관계없이 모든 사용자가 "모든 상황에 대해 한 가지" 비디오 재생 품질을 경험하게 됩니다.

  • 더 많은 비디오를 인코딩하고 관리할 수 있습니다.

    모든 브라우저가 지원하는 비디오 형식 및 코덱은 없습니다. 보완을 위해 최소 두 가지, 최대 네 가지의 다른 비디오 형식(예: MP4, OGG Theora, 및 WebM)으로 인코딩해야 합니다. 이 인코딩은 Firefox, Chrome, Internet Explorer, Safari 및 다른 웹 브라우저에서 재생하기 위해 동일한 비디오를 가져와야 합니다.

  • 비디오 플레이어의 사용자 지정 기능이 제한되었습니다.

    각 HTML5 브라우저에는 비디오 플레이어 컨트롤을 위한 자체 기본 모양이 있습니다. 비디오 플레이어 사용자 지정이 제한되기 때문에 결과적으로 일관된 비디오 뷰어 환경을 만들기가 어렵습니다.

  • 사용자에 대한 범위가 제한되었습니다.

    모든 데스크톱 브라우저가 HTML5와 호환되는 것은 아닙니다. 예를 들어 Internet Explorer 버전 7 및 8은 HTML5 비디오 태그를 지원하지 않습니다. 이러한 제한은 데스크톱 사용자 범위를 넘을 수 없음을 의미합니다.

    HTML5 비디오 코덱을 위해 지원되는 시스템 요구 사항에는 다음이 포함됩니다.

    OGG

    MP4

    • Firefox 3.5 이상(데스크톱)

    • Chrome 3.0 이상(데스크톱)

    • Android 2.3 이상(모바일)

    • Internet Explorer 9 이상(데스크톱 및 모바일)

    • Android 3.0 이상(태블릿)

    • iOS 3.1 이상(모바일)

    • Chrome 29(최신 버전. Chrome은 자동으로 최신 버전으로 업데이트됨)

    • Safari 5.1(Mac OS에만 해당)

    비디오 업로드 및 인코딩 을 참조하십시오.

이러한 제한이 중요하지만 두 가지 대안을 사용할 수 있습니다. 하나는 리치 미디어 컨텐츠 제공에 대한 우수 사례입니다.

  • Scene7 Publishing System에서 HTML5 비디오 뷰어를 사용하십시오.

    Universal_HTML5_Video 뷰어를 사용하여 HTML5 비디오 재생과 관련하여 위에서 설명한 여러 가지 문제를 해결하는 것이 좋습니다. 비디오 뷰어는 다음 두 가지 사항을 동시에 사용할 수 있는 단일 플레이어입니다.

    1. HTML5 및 CSS를 사용하여 플레이어의 기능을 디자인합니다.

    2. 적응형 스트리밍 또는 점진적 스트리밍을 통해 비디오를 재생함으로써 HTML5를 지원하지 않는 브라우저에서도 데스크톱 및 모바일 사용자의 대부분을 포함할 수 있습니다. 플레이어에서는 사용되는 브라우저와 플러그인 호환성을 기반으로 Flash나 HTML5 재생을 동적으로 사용할 수 있습니다.

    우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

    동적 비디오 재생 을 참조하십시오.

    Adobe Scene7 뷰어 참조 가이드의 HTML5 뷰어 정보 를 참조하십시오.

  • 유니버설 URL 기능을 사용합니다.

    데스크톱의 Flash 비디오 뷰어나 모바일 및 태블릿 장치의 기본 장치 플레이어를 사용하는 유니버설 비디오 프로필을 설정하려면 Scene7 Publishing System를 사용합니다.

참고: 우수 사례인 HTML5 비디오 뷰어를 사용하는 장점 중 하나는 유니버설 URL 기능을 사용하는 경우와 달리 비디오를 다른 창에서 열지 않으므로 고객이 웹 사이트를 벗어나 이동할 수 있다는 점입니다. 대신 전체 재생 환경을 동일한 웹 페이지에 유지합니다. 또한 HTML5 비디오 뷰어를 사용하면 모바일 웹 페이지에 포함된 비디오를 재생하고 데스크톱 컴퓨터와 모바일 장치 모두에서 지속적인 일관된 경험을 위해 비디오 플레이어를 사용자 지정할 수 있습니다.

유니버설 URL 사용 을 참조하십시오.