오디오/비디오 재생 및 미리 보기(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

이 섹션에는 JavaScript로 작성한 Windows 런타임 앱의 오디오 및 비디오 재생과 관련된 항목이 포함되어 있습니다.

또한 HTML5 audiovideo 태그를 사용하여 오디오 및 비디오를 재생하고, 재생을 사용하여 미디어를 공유 또는 스트리밍하고, 효과 및 사용자 지정 미디어 확장을 사용하는 방법을 설명합니다.

JavaScript를 사용하는 Windows 런타임 앱에서 오디오 및 비디오를 사용하는 예제는 HTML 미디어 재생 샘플(영문) 및 아래 Related topicsSamples 섹션에 나열된 기타 샘플을 참조하세요.

이 조항의 내용

항목 설명

빠른 시작: 앱에서 비디오 재생

이 항목에서는 HTML5 Video 요소를 사용하여 JavaScript를 사용하는 Windows 런타임 앱에서 동영상을 재생하는 방법을 보여 줍니다.

FileOpenPicker 컨트롤을 사용하여 로컬 미디어 파일을 여는 방법

FileOpenPicker를 통해 파일에 액세스하고 열어 사용자 컴퓨터에 있는 오디오 또는 동영상 파일을 재생합니다.

네트워크에서 미디어 파일을 여는 방법

audio 또는 video 요소의 미디어 원본을 네트워크의 미디어 파일로 설정합니다.

시스템 미디어 전송 컨트롤을 사용하는 방법

SystemMediaTransportControls 클래스를 사용하면 앱이 Windows에서 제공하는 시스템 미디어 전송 컨트롤을 사용하고 표시되는 미디어 정보를 업데이트할 수 있습니다.

카메라 또는 마이크 설정을 조정하는 방법

밝기, 대비, 초점(카메라) 또는 볼륨(마이크)과 같이 카메라나 마이크에 대한 다양한 설정을 조정할 수 있습니다.

<video> 태그에서 효과를 사용하도록 설정하는 방법

이 항목에서는 JavaScript로 작성된 Windows 런타임 앱에서 비디오 및 오디오 효과를 사용하도록 설정하는 방법을 보여 줍니다.

짧은 대기 시간 재생을 사용하도록 설정하는 방법

미디어 요소에서 msRealTime 특성을 설정하면 짧은 대기 시간 재생이 사용됩니다.

스테레오 비디오 재생을 사용하도록 설정하는 방법

이 항목에서는 msStereo3DRenderMode 특성을 설정하여 스테레오 비디오 재생을 사용하도록 설정하는 방법을 보여 줍니다.

비디오 렌더링을 최적화하는 방법

Windows 런타임에서는 HTML5 video 요소를 사용할 때 여러 최적화를 제공합니다.

미디어 클립 간을 전환하는 방법

이 항목에서는 최소 두 개의 미디어 요소를 번갈아 사용하면서 비디오 또는 오디오 클립 간에 매끄럽게 전환할 수 있는 방법을 설명합니다.

다른 언어의 오디오 트랙을 선택하는 방법

미디어 파일에서 다중 언어 오디오 트랙 간에 전환하려면 audioTracks 속성을 사용할 수 있습니다.

오디오 출력 장치를 선택하는 방법

이 항목에서는 오디오 태그에서 오디오 출력 장치를 선택하는 방법에 대해 설명합니다.

비디오에서 레터박스를 확대 및 제거하는 방법

비디오를 확대하여 렌더링된 비디오에서 레터박스나 필러박스를 제거하려면 msZoom 속성을 사용할 수 있습니다.

오디오/비디오 재생 동안 표시 유지 방법

DisplayRequest 클래스를 사용하여 로컬 또는 스트리밍 동영상을 재생하는 동안 디스플레이를 유지하는 방법에 대해 알아봅니다.

백그라운드에서 오디오를 재생하는 방법

이 자습서에서는 AV(오디오-동영상) 스트림을 백그라운드에서 재생하도록 구성하기 위해 스트림의 올바른 범주를 선택하는 방법을 보여 줍니다.

개요: Windows Phone용 백그라운드 오디오

백그라운드에서 오디오를 재생하는 Windows Phone 8.1용 앱을 작성할 수 있습니다. 즉, 사용자가 장치에서 뒤로 버튼이나 시작 버튼을 눌러 앱을 나간 후에도 앱이 계속해서 오디오를 재생할 수 있습니다. 이 문서에서는 백그라운드 오디오 앱의 구성 요소와 해당 구성 요소가 함께 작동하는 방식에 대해 설명합니다.

비디오를 가로로 대칭 이동하는 방법

msHorizontalMirror 특성을 사용하여 동영상을 가로로 대칭 이동할 수 있습니다.

플러그형 DRM을 사용하는 방법

JavaScript로 작성된 Windows 런타임 앱에서 MediaProtectionManager를 사용하여 DRM(디지털 권한 관리)으로 보호된 콘텐츠를 사용할 수 있습니다.

DRM 오류를 처리하는 방법

Windows 런타임 앱에서는 MediaProtectionManager를 사용하여, DRM(디지털 권한 관리)으로 보호된 미디어 콘텐츠의 재생을 지원할 수 있습니다. MediaError 인터페이스는 msExtendedCode 특성을 포함하도록 확장되었으므로 개발자가 구현 중 피드백을 볼 수 있습니다.

미디어 확장 기능 사용

이 항목에서는 미디어 확장 기능이란 무엇이며 Windows 런타임 앱에서 이를 사용하는 방법에 대해 설명합니다.

전원을 절약하는백그라운드 미디어 앱 작성

원격 재생을 사용하여 장치로 미디어 스트리밍

원격 재생 기능을 사용하면 사용자가 컴퓨터의 오디오, 비디오 또는 이미지를 네트워크 장치로 쉽게 스트리밍할 수 있습니다.

 

관련 항목

로드맵

JavaScript로 작성한 Windows 런타임 앱용 로드맵

앱용 UX 디자인

샘플

HTML 미디어 재생 샘플

미디어 코드 변환 샘플

Media Extension 샘플

미디어 재생 샘플

PlayToReceiver 샘플

재생 관리자 샘플

참조

Windows.Media

Windows.Media.PlayTo

Windows.Media.Protection

HTML5 오디오 및 비디오

다른 리소스

지원되는 오디오 및 동영상 형식

오디오 및 동영상 성능