TAGS

Editing
  • account_tree
  • bug_report

<audio>

사운드 또는 오디오 스트림(stream)을 나타낸다.

  • 콘텐츠 분류

    EMBEDDED CONTENT, FLOW CONTENT, INTERACTIVE CONTENT, PHRASING CONTENT

    controls 애트리뷰트가 있는 경우에는 인터랙티브 콘텐츠(interactive content), 명확한 콘텐츠(palpable content)

  • 허용된 부모 요소 또는 위치

    EMBEDDED CONTENT

    임베디드 콘텐츠(embedded content)가 예상되는 위치

  • 허용된 자식 요소

    <SOURCE>, <TRACK>

    • src 애트리뷰트가 있는 경우: 0개 이상의 <track> 요소
    • src 애트리뷰트가 없는 경우: 0개 이상의 <source> 요소, 0개 이상의 <track> 요소
  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLAudioElement

    [Exposed=Window,
     LegacyFactoryFunction=Audio(optional DOMString src)]
    interface HTMLAudioElement : HTMLMediaElement {
      [HTMLConstructor] constructor();
    };

구문

마크업 형식
<audio></audio>
Example

애트리뷰트

src non-empty URL

사용할 리소스의 경로를 설정한다.

About Non-empty URL

비워있지 않은 유효한 URL을 나타내는 문자열을 나타낸다.

crossorigin enumerated attribute

교차출처(CORS) 정책에 따라 리소스를 가져올지를 나타낸다.

About Enumerated attribute

제한된 값 집합으로 구성된 데이터를 나타낸다. 값 설정을 위한 다양한 방식이 존재할 수 있다.

사용되는 키워드

anonymous

교차 출처(CORS) 요청을 수행하지만  별도의 자격 증명을 보내지 않고 same-origin으로 설정되어 익명으로 요청을 한다. 

use-credentials

교차 출처(CORS) 요청을 수행하면서 쿠키(cookie), X.509 인증서, HTTP Basic 인증 중 한 가지 이상의 자격 증명을 포함하는 include로 설정되어 요청을 한다. 

preload enumerated attribute

미디오 요소(<audio>, <video>)로 사용되는 리소스에 대한 네트워크 작업 방식을 지정한다.

About Enumerated attribute

제한된 값 집합으로 구성된 데이터를 나타낸다. 값 설정을 위한 다양한 방식이 존재할 수 있다.

기본값

auto
설정하지 않으면 기본 값으로 처리한다.

사용되는 키워드

auto

사용자와 관계없이 웹 문서가 로드 시 미디어 리소스를 가능한 부분까지 미리 로드한다.

metadata

미디어 리소스의 메타데이터 부분까지 미리 로드한다.

none

미디어 리소스를 미리 로드하지 않는다.

autoplay boolean attributes

비디오, 오디오 미디어에 대한 자동 재생을 설정한다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

loop boolean attributes

비디오나 오디오 재생이 끝나면 처음으로 돌아가서 다시 재생한다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

muted boolean attributes

오디오를 출력하지 않게 한다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

기본값

false
명시하지 않으면 기본 값으로 적용된다.
controls boolean attributes

비디오나 오디오를 제어하기 위한 UI를 표시한다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-audio-element

지원 웹브라우저