온라인 고품질 스트리밍 동영상 기능: Internet Explorer 11의 플러그인 없는 고급 미디어 환경

Article
09/11/2013

Internet Explorer 11에는 최신 웹 표준을 기반으로 플러그인 없이 오디오 및 동영상 스트리밍이 가능한 서비스가 도입되었습니다. 이는 최신 운영 체제 미디어에서 제공되며 전원 관리 기능도 갖추고 있습니다. Internet Explorer 11과 Windows 8.1의 최신 미디어 기능이 결합되어 "고품질 스트리밍 동영상"이 탄생했습니다. 고화질 TV나 영화에서나 볼 수 있었던 고화질의 화면을 이제는 Windows 8.1의 Internet Explorer 11에서 볼 수 있습니다.

고품질 스트리밍 동영상을 사용하면 즉시 스트리밍이 시작되고 부드럽게 재생됩니다. 사용하는 장치 및 네트워크에서 이용 가능한 최고의 동영상 화질이 자동으로 선택되며, 고화질 영화도 일반 동영상처럼 부드럽게 재생됩니다. 집에서 또는 이동 중에 동영상을 볼 수 있습니다. 음질이 좋은 오디오를 들으며 현장의 생동감을 그대로 느낄 수도 있고 주변에 방해가 되지 않도록 캡션을 사용할 수도 있습니다. 이토록 뛰어난 환경에도 배터리 수명에는 큰 영향을 주지 않습니다.

지금 바로 Netflix.com을 방문하면 고품질 스트리밍 동영상을 직접 볼 수 있습니다. Netflix는 Microsoft와 협력하여 새롭게 선보이는 프리미엄 동영상 서비스를 새로운 웹 표준이 된 IE11의 '고품질 스트리밍 동영상'으로 제공하게 됩니다. 그 결과, Windows 8.1의 IE11에서 플러그인 없이 완벽하게 작동하는 Netflix 웹 사이트 및 라이브러리가 탄생했습니다. 직접 체험해 보려면 Windows 8.1 Preview를 설치하고 netflix.com으로 이동한 후 여러분이 평소에 이용하는 계정으로 로그인하여 라이브러리를 둘러보십시오. 또는 테스트 사이트를 방문하여 Netflix 데모를 통해 무료 미리 보기를 체험할 수 있습니다.

IE11에서 실행되는 플러그인 없는 Netflix를 체험할 수 있는 Netflix 데모

동영상 스트리밍에 대해 자세히 알아보고 싶으면 고품질 스트리밍 동영상 테스트 데모를 사용해 보십시오. 테스트 샘플을 사용하여 일반 미디어와 보호되는 미디어를 재생하면서 적응 스트리밍을 이용해볼 수 있습니다.

IE 테스트 데모를 통해 IE11에서 실행되는 고품질 스트리밍 동영상 살펴보기

최신 W3C 미디어 표준을 지원하는 IE11

얼마전까지만 해도 HTML5 표준에서 고품질 스트리밍 동영상에 필요한 전체 기능을 지원하지 않았기 때문에 사용자가 Adobe Flash나 Microsoft Silverlight 같은 브라우저 플러그인을 설치해야 했습니다. 그 결과, 웹 개발자는 브라우저 간에 간편하게 상호 운영되는 동영상 환경을 제공할 수 없었습니다.

HTML5에서 고품질 스트리밍 동영상을 사용할 수 있도록 하기 위해 Microsoft는 W3C HTML 작업 그룹, TTWG(Timed Text Working Group), 웹 암호 작업 그룹에 참여했습니다. IE11은 다음을 포함하여 이 작업의 결과물을 지원합니다.

적응 스트리밍을 위한 MSE(Media Source Extensions)
보호되는 콘텐츠를 재생하기 위한 EME(Encrypted Media Extensions)
서식있는 TTML 캡션을 위한 SDP-US(Simple Delivery Profile - US)
보안 및 인증에 유용한 암호화 기능을 위한 Web Crypto

MSE(Media Source Extensions)

다운로드 중인 동영상을 재생하는데 네트워크가 동영상 재생 속도를 따라가지 못하면 어떻게 되는지 다들 경험하셨을 것입니다. 이 경우 재생 소프트웨어는 일부 콘텐츠가 버퍼링되기를 기다렸다가 다시 재생을 시작합니다. 네트워크 처리량이 동영상 비트 전송률을 따라가지 못하면 결국 버퍼에 데이터가 부족하게 되어 더 많은 데이터가 버퍼링될 때까지 재생이 중지됩니다. 즉, 동영상을 보고 싶을 때 바로 볼 수 없다는 의미입니다. 여러 동영상 화질 옵션 중에 하나를 선택해야 하는 경우가 자주 있습니다. 너무 높은 화질을 선택하면 버퍼링이 많아서 재생이 계속 중지되는 현상을 꾹 참아야 하거나 낮은 화질을 선택하여 아예 처음부터 다시 재생해야 합니다.

원활하고 부드러운 동영상 환경을 제공하는 적응 스트리밍은 이 문제를 깔끔하게 해결합니다. 동영상 서비스에서는 콘텐츠 비트 전송률 표시 옵션을 여러 개 생성하여 현재 네트워크 또는 동영상 렌더링 용량에 맞게 비트 전송률을 선택합니다. 즉, 중간 화질에서 재생을 시작한 후 동영상이나 네트워크 상태에 따라 화질을 낮추거나 높일 수 있습니다. 더 이상 버퍼링 때문에 재생이 멈추는 일은 없습니다.

console.log("Loading MEDIA segment from: " + seg.url);

this.appending = true;

this.activeDownload = downloadArrayBuffer(seg.url, null, function (data)

{

if (data)

{

that.eos = false;

that.sb.appendBuffer(data);

that.segCursor++;

} else

{

that.appending = false;

}

});

MSE 소스 버퍼에 시간별로 정리된 데이터를 표시하는 샘플 코드

MSE(Media Source Extensions)는 HTML 5 동영상에 간단하지만 강력한 변경 사항을 적용하여 브라우저용 적응 스트리밍을 지원합니다. MSE는 동영상 요소 소스로 미디어 파일 대신 버퍼를 가리킵니다. 소스 버퍼를 사용하면 웹 페이지 JavaScript가 데이터를 시간 세그먼트에 추가하여 상황에 따라 세그먼트 간에 화질을 조정할 수 있습니다. 최대한 좋은 화질에서 끊김 없이 데이터를 재생할 수 있습니다.

Windows 8.1 Preview가 설치되어 있다면 고품질 스트리밍 동영상 데모를 통해 MSE를 살펴보십시오. 다양한 스트리밍 비트 전송률을 직접 선택할 수 있는 슬라이더가 제공되기 때문에 MSE 적응 스트리밍에서는 영상의 화질이 자연스럽게 전환된다는 것을 직접 확인할 수 있습니다.

적응 스트리밍 및 DRM 재생을 보여 주는 고품질 스트리밍 동영상 데모

MPEG-DASH는 어떨까요? MPEG-DASH는 최근에 부상하고 있는 인터넷 스트리밍 표준입니다. Windows 8.1의 Internet Explorer 11에서 MSE는 표준에 정의된 ISO BMFF 프로필을 준수하는 MPEG-DASH 콘텐츠를 지원합니다. 따라서 MSE를 사용하면 브라우저에서 HTML5와 JavaScript만 사용하는 MPEG-DASH 클라이언트를 구축할 수 있습니다. Microsoft Open Tech를 포함한 여러 회사의 협조를 받아 호환되는 DASH.js 참조 플레이어가 개발되었습니다.

EME(Encrypted Media Extensions)

EME는 다양한 DRM(디지털 권한 관리) 시스템에서 제공하는 고유 인터페이스를 가져와서 일반 데이터 교환 및 이벤트로 추상화합니다. DRM 시스템은 디지털 라이선스가 어디에 어떻게 저장되는지 등과 같은 구현 세부 정보와 고유 기능을 비밀리에 유지 관리할 수 있습니다. 웹 사이트 관점에서 볼 때, EME 교환은 자주 일어나는 일이며 EME 구현에 필요한 JavaScript가 일관적입니다.

새 파일 형식도 도움이 됩니다. ISO MPEG Common Encryption을 사용하면 웹 미디어 서비스에서 여러 DRM 솔루션과 호환되는 일관성 있는 라이브러리를 설정할 수 있습니다. 서비스에서 여러 DRM을 지원하도록 선택하여 웹 사이트와 호환되는 브라우저/DRM 솔루션을 늘릴 수 있습니다. 각 DRM 솔루션마다 라이브러리를 다시 코딩할 필요가 없습니다.

EME에서 브라우저는 CDM(Content Decryption Modules)을 통해 DRM 공급자에 연결합니다. Internet Explorer 11에서 CDM은 Microsoft의 PlayReady DRM을 지원합니다. PlayReady DRM은 Windows 8 앱에 지원되는 것과 동일한 DRM이며 PlayReady 이식 키트를 통해 다양한 장치를 지원할 수도 있습니다.

고품질 스트리밍 동영상 테스트 데모에는 DRM으로 보호되는 콘텐츠가 포함되어 있습니다. 왼쪽 열에서 보호되는 파일로 분류된 파일을 살펴보고 얼마나 간편하게 재생되는지 확인해 보십시오. Netflix는 테스트 데모는 물론이고 사이트에서도 EME를 사용합니다.

Simple Delivery Profile – US

이전에 몰입도가 뛰어난 서식있는 캡션 스트리밍이 가능한 Simple Delivery Profile – US 사양에 대해 다룬 적이 있습니다. SDP-US를 사용하여 캡션 배치, 표시, 글꼴, 글꼴 스타일, 글꼴 색상, 글꼴 배경, 창 색상 및 투명도를 설정할 수 있습니다. 또한 아주 간편하게 캡션을 화면 내의 다양한 위치로 이동시킬 수 있습니다.

서식있는 글꼴 스타일 기능을 보여 주는 IE 테스트의 캡션 데모

Internet Explorer 11은 SDP-US를 완벽하게 지원하는 최초의 주요 브라우저입니다. 인터넷 미디어를 재생하는 장치의 경우 Internet Explorer 11은 미국에서 2014년 1월부터 발효되는 모든 FCC 요구 사항을 만족합니다. SDP-US 캡션 테스트 데모를 사용하여 다양한 캡션 표시 방법을 살펴볼 수 있습니다.

Web Crypto

Internet Explorer 11은 최근에 부상하고 있는 Web Crypto 사양을 지원하는 최초의 브라우저이기도 합니다. 엄밀히 따지면 미디어 사양은 아니지만 Web Crypto는 장치 및 사용자 인증에 유용하기 때문에 고품질 스트리밍 동영상 시나리오에서 중요한 역할을 합니다.

Web Crypto는 웹 사이트에 다양한 암호화 기능을 제공합니다. Web Crypto API를 사용하여 암호화 방식의 무작위 숫자를 생성하고, 해시를 생성하고, 서명을 생성 및 확인하고, 데이터를 암호화 및 암호 해독할 수 있습니다. Web Crypto를 사용하면 서버에서 인증서를 배포하지 않고도 장치를 인증하고 장치 카운팅 전략을 구현할 수 있습니다. 뿐만 아니라 핵심 자료를 브라우저나 최종 사용자에게 노출하는 일 없이 래핑된 키를 클라이언트에 보내고, 클라이언트에서 다시 래핑 해제할 수 있습니다. 직접 체험하려면 Windows 8.1을 사용하여 암호 파일 암호화 테스트 데모를 살펴보고, 파일을 암호화 및 암호 해독해 보십시오.

전원 효율이 뛰어난 Windows 8.1의 미디어 스트리밍

Windows 8.1에는 시스템 하드웨어를 최대로 활용하여 Internet Explorer 11의 전원 효율을 높이는 미디어 기능이 탑재되어 있습니다. 뿐만 아니라 브라우저와 운영 체제에서 고품질 스트리밍 동영상을 지원합니다.

48Hz 디스플레이

Windows 8.1은 화면의 콘텐츠에 대응하여 작업 중단 없이 자동으로 시스템 새로 고침 빈도를 변경하는 최초의 OS입니다. 시스템의 디스플레이 패널에 작업 중단 없이 새로 고침 빈도를 낮출 수 있다는 메시지가 표시되면 OS가 XAML/HTML5 기반 앱을 대신하여 자동으로 이 기능을 활용합니다. 예를 들어 24fps(영화 콘텐츠)에서 전체 화면으로 동영상을 재생하는 동안 OS는 작업을 중단하거나 새로 고침 빈도가 변경되었다는 메시지를 표시하지 않고 새로 고침 속도를 60Hz에서 48Hz로 낮출 수 있습니다. 사용자가 동영상 재생을 종료하거나 동영상과 관련이 없는 콘텐츠를 화면에 표시하면 그 즉시 새고 고침 빈도가 다시 60Hz로 변경되어 UI/응용 프로그램 응답 속도를 유지합니다. 이 기술은 24fps와 25fps 동영상에 사용되었으며 그 결과, 떨림 현상을 유발하는 3:2 풀다운을 제거하여 동영상 화질을 개선했습니다. 뿐만 아니라 새로 고침 빈도가 낮은 상태에서 영상을 재생하면 CPU와 디스플레이 패널의 전력 소모량도 감소합니다. 지원되는 디스플레이 패널을 장착한 일반 태블릿에서 이 기능을 사용하면 동영상 재생 시간이 30분 이상 늘어나는 절전 효과가 있습니다!

전체 화면 재생 최적화

대부분의 사용자는 재생 시간이 긴 동영상을 전체 화면으로 감상하는데 Windows 8.1은 전체 화면 모드에 추가적인 최적화를 수행합니다. 예를 들어 전체 화면으로 동영상을 재생하면 운영 체제에서는 전체 화면 동영상 재생 작업량의 특징을 일치시켜서 타이머를 합치고 CPU 코어를 파킹하여 전원을 절약합니다. 뿐만 아니라 Internet Explorer 11은 HTML 전체 화면 API도 지원하므로 동영상 재생 시 간단하게 웹 사이트를 전체 화면으로 전환할 수 있습니다.

전원 효율이 뛰어난 스트리밍

Windows 8.1 및 Internet Explorer 11은 스트리밍 미디어를 다운로드하고 제공하는 작업도 최적화합니다. 이제 XHRHttpRequest는 데이터를 디스크에 캐싱하지 않고 메모리에 직접 전송하여 전원을 절약합니다. 이 기능을 지원하는 시스템에서는 MSE를 지원하는 스트림이 자동으로 오디오 오프로드 하드웨어를 사용하도록 하여 절전 효과를 더욱 높였습니다.

요약

고품질의 온라인 동영상은 더 이상 꿈이 아닙니다. IE11에 구현된 새로운 웹 사양과 동영상 재생 시 전원 효율을 높이는 Windows 8.1 운영 체제 기능이 있기 때문입니다. 적응 스트리밍, 보호되는 미디어 재생, 캡션 및 암호화를 통해 다양한 방법으로 고품질 스트리밍 동영상 웹 사이트를 제작할 수 있습니다. 사양을 읽고, 데모를 살펴보고, Internet Explorer 11이 매력적인 온라인 동영상 환경을 구축하는 데 어떤 도움을 주는지 직접 확인해 보십시오.

Windows 스토어에서 Windows 8.1 Preview를 설치하여 IE11의 브라우저와 OS 미디어가 결합된 환경을 체험해 보십시오. IE11 의견 보내기 도구나 Connect를 통해 의견을 보내 주십시오.

- Internet Explorer 수석 프로그램 관리자, Jerry Smith