정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

HTML5를 사용하여 웹 페이지에 오디오 플레이어를 추가하는 방법

HTML5를 사용하면 타사 플러그 인이나 추가 기능 없이도 웹 페이지에 음악 플레이어를 추가할 수 있습니다.

Internet Explorer 테스트 드라이브 HTML5 오디오 플레이어 + XML 재생 목록과 유사한 오디오 플레이어를 자신의 웹 페이지에 추가하려면 다음 항목의 정보를 사용할 수 있습니다.

이 조항의 내용

항목설명

HTML5 오디오 요소 시작

audio 요소를 사용하면 스크립트나 추가 기능 컨트롤 없이도 웹 페이지에 기본 오디오 플레이어를 추가할 수 있습니다.

JavaScript를 사용하여 오디오 개체 제어

HTML5의 audio 개체는 JavaScript에서 재생을 제어하는 데 사용할 수 있는 메서드, 속성 및 이벤트를 제공합니다.

미디어 이벤트를 사용하여 진행률 표시줄 추가

media 개체는 audio 개체가 사용할 수 있는 엄선된 풍부한 이벤트들을 제공합니다. 특정 이벤트 그룹을 통해 오디오 파일의 재생 진행 상황을 추적하는 데 사용할 수 있는 상태 데이터를 가져올 수 있습니다.

두 개 이상의 오디오 파일 형식 지원

오디오 요소나 개체를 사용하여 여러 오디오 형식을 지원하면 여러 브라우저의 추가 수신기를 웹 페이지에 대해 구동할 수 있습니다.

 

<audio> 요소 소개

HTML5 audio 요소는 추가 기능이나 플러그 인 없이 오디오 파일을 재생할 수 있는 스크립트 가능한 개체를 제공합니다. 가장 단순한 경우, 단일 태그와 몇몇 특성만으로 웹 페이지에 사용자를 위한 플레이어를 제공할 수 있습니다. JavaScript를 사용하면 audio 개체를 관리하고 이벤트를 할당하여 모든 제어 및 상태 추적 기능을 제공할 수 있습니다.

HTML5 audio 요소는 미디어 속성과 메서드를 HTML5 video 요소와 공유하므로 진행률 모니터링, 파일 로드, 재생/자동 선국 등의 항목에 대한 코드를 함께 사용할 수 있습니다. 대부분의 JavaScript 개체와 마찬가지로 메서드와 속성 외에도 코드를 간소화하기 위해 등록할 수 있는 많은 이벤트가 있습니다. 이러한 이벤트에 대한 자세한 내용은 이 섹션의 뒷부분에 있는 항목을 참조하세요.

오디오 및 동영상 콘텐츠 제공

Windows Internet Explorer 9 이상에서는 오디오 또는 동영상 콘텐츠를 재생하려면 서버에 올바른 MIME 형식이 설정되어 있어야 합니다. 그렇지 않으면 파일이 재생되지 않습니다. Internet Explorer 9은 MP3 오디오와 MP4 오디오 및 동영상을 지원합니다. WebM components from WebM 프로젝트(영문)에서 WebM 구성 요소를 설치하여 WebM 오디오 및 동영상 파일을 지원할 수 있습니다. 다음 표는 웹 서버에서 이러한 파일을 올바르게 호스트하는 데 필요한 설정을 보여줍니다.

처리할 미디어 파일확장 설정MIME 형식 설정
오디오 mp3mp3오디오/mpeg
오디오 mp4 m4a오디오/mp4
오디오 WebMwebm오디오/webm
동영상 mp4mp4동영상/mp4
동영상 webmwebm동영상/webm

 

관련 항목

HTML5 오디오 요소 시작
JavaScript를 사용하여 오디오 개체 제어
미디어 이벤트를 사용하여 진행률 표시줄 추가
HTML5 오디오 및 동영상

 

 

표시:
© 2014 Microsoft