달달한 스토리

<audio>와 source

2020. 12. 1. 03:27
728x90
반응형

●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며,

제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다.
대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다.

<audio>

 

audio요소는 오디오 파일을 재생합니다.

  • src : 재생할 오디오의 주소를 지정합니다.

  • preload : 다운로드 상태를 나타냅니다.

    • none

    • metadata

    • auto

  • autoplay : 자동 재생을 지정합니다.

  • loop : 반복 재생을 지정합니다.

  • controls : 브라우저의 기본 컨트롤러를 사용하도록 지정합니다.

  • 브라우저가 audio요소에서 제공하고 있는 오디오를 재생하지 못하는 경우 audio요소 내부에 있는 내용을 출력합니다.

source

 

  • src : 대체 미디어 자원의 주소를 지정합니다.

  • type : 대체 미디어 지원의 타입을 지정합니다.

  • media : 대체 미디어 자원의 의도한 미디어 타입을 지정합니다.

  • source요소는 그 자신만으로는 아무것도 나타내지 않습니다.

  • type속성으로 사용자 에이전트가 해당 미디어 자원을 재생할 수 있는지 판단합니다.

  • media속성을 생략했다면 기본값은 "all"입니다. 이것은 모든 미디어자원에 적합함을 나타냅니다.

728x90
반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading