HTML 멀티미디어 오디오

    2018-02-14 02:21:55 작성

    <audio>

    <audio> 요소는 웹페이지에 오디오를 삽입하는 표준방법을 제시합니다.
    src 속성에 오디오 파일을 지정하거나 <source> 태그를 이용하여 여러 미디어 리소스를 지정할 수 있습니다.


    <audio> 태그의 속성
    속성 설명
    autoplay 웹문서 로딩시 오디오 자동재생
    controls 오디오 제어기 표시 여부
    loop 반복 재생 여부 지정
    muted 음소거 여부 지정
    preload 웹 문서가 로딩될 때 오디오의 로딩상태를 지정
    • auto : 기본값, 오디오 파일을 자동으로 로드함
    • metadata : 오디오의 메타정보(크기, 첫 프레임 등)만 로드함
    • none : 사용자가 재생하기 전에 미리 로드하지 않음
    autoplay 속성이 있는경우 무시 됨
    src 재생할 오디오의 경로 지정


    HTML 오디오 지원
    브라우저 mp3 wav ogg
    엣지 YES NO NO
    크롬 YES YES YES
    파이어폭스 YES YES YES
    사파리 YES YES NO
    오페라 YES YES YES

    오디오 MIME-type
    형식 MIME-type
    mp3 audio/mpeg
    wav audio/wav
    ogg audio/ogg