생활 웹디자인

audio ?

토픽 생활 웹디자인 > 구조의 HTML > HTML5 태그 사전

정의

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

 

속성

  • src : 재생할 오디오의 주소를 지정합니다.
  • preload : 다운로드 상태를 나타냅니다.
    • none
    • metadata
    • auto
  • autoplay : 자동 재생을 지정합니다.
  • loop : 반복 재생을 지정합니다.
  • controls : 브라우저의 기본 컨트롤러를 사용하도록 지정합니다.

설명

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

 

 

함께 알아두면 좋은 태그

예제

 

 

위 예제에서 왜 플레이어가 나타났다 사라질까?

 

 

댓글

댓글 본문
  1. 김지수
    모든 예제가 안보이는거 같은데 혹시 이제는 못보는건가요?
    답글수정삭제
  2. winterer
    흠..전혀 모르겠네요.
    답글
  3. 푸른하늘
    2
    답글
  4. 최동희
    "위 예제에서 왜 플레이어가 나타났다 사라질까?" 라고 쓰셨는데, 우분투 16.04, 크로미움 62.0.3202.62과 파이어폭스 56.0에서는 정상적으로 작동합니다(플레이어가 사라지지 않습니다).
    답글
  5. html
    muted 라는 속성도 있습니다~
    오디오 출력이 음소거 되도록 지정합니다.
    답글수정삭제
  6. <!--**-->
    플레이어라면 재생버튼 말씀하시는 건가요?
    제가 해 봤는데...ㅋ
    제가 실수로 잘못 눌렀을 때는 이와 같은 상황이 발생되었지만, 이내 수정하고 다시 해 보니
    괜찮아 졌어요..
    제가 실수한 거는... www를 세개 다 안치고 ww 2개만 쳤다든지 해서 재생(화살표)이 나오다가 안나온거 빼고는
    아무것도 없는 듯 해서요..
    답글수정삭제
  7. 유영준
    Audio에 동적으로 음악 파일을 바꿀 때
    좀 더 빠르게 Play를 시작해주고 싶습니다.
    일반적인 예제에서는 load() -> play() 하는 방식을 쓰고 있던데, 이렇게 했더니
    음악이 바뀔때 로딩이 좀 오래 걸립니다.
    이 방식이 음악 파일 전체를 로드한다음에 플레이 하는 방식이 되는건가요?
    아님 유튜브처럼 일정부분 로드를 먼저하고 플레이하면서 남은 부분까지 로드하는 방식인건가요~?
    답글