HTML5 태그 사전

audio ?


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


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


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

함께 알아두면 좋은 태그


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


오류나 오타 신고 환영합니다. ^^;;

댓글 본문
  1. Thank you for sharing this informative and interesting post with us. I am selling handmade custom fashion decorations, decorations are Custom Name Necklaces. We are trustworthy And have collected praise from many customers. Click the list below to visit the website
    Custom Name Necklaces,diy necklace holder -
    personalized name necklace,custom necklace chain web -
    personalized name necklace,mens custom pendant web -
    custom real gold name necklace,diy necklace pendant -
    custom silver name necklace,custom medallion necklace -
    Custom birthstone necklaces,Personalized Jewelry -
    custom necklace charm,custom necklace for men -
    Personalized Necklace,custom necklace for women -
    custom gold necklace,diy necklace chain for her -
    diy necklace making,custom necklace for girlfriend -
  2. Thank you for sharing this informative and interesting post with us.We’ve gathered a whopping 40 DIY tutorials which all show you how to make some of the most stunning collar necklace ideas you’ve ever seen.<a href="">necklace for women</a>,<a href="">necklace for men</a>,<a href="">custom necklace name</a>,<a href="">custom necklace with pictures</a>,<a href="">necklace and bracelet set</a>,<a href="">necklace aisha</a>,<a href="">custom necklace arabic</a>,<a href="">necklace and bracelet</a>,<a href="">necklace angel wings</a>,<a href="">necklace birthstone</a>.
  3. shivisingh
    Are you facing trouble choosing the perfect fitness center for a workout, then aurozen provide the best gyms in Jaipur for gym workouts. If you are searching for cheapest gym near me then you can explore the different-different gym in your area, and you can choose any gym for exercise at the cheapest cost. Book your gym session with the aurozen app and enjoy workouts with us.
  4. 메이저놀이터
  5. johnsmith123
    Whenever I thought about this course, my head started to ache. Meanwhile I saw that gave me opportunity to clear my head about this course.
  6. joanmelda
    There are many engineering assignments help writing services and Engineering Writing Services to choose from for those stuck with their engineering research paper writing services and engineering term paper writing services.
  7. hellyjanes900 is the leading assignment help provider worldwide. We have a group of online assignment help experts from top universities to help these students in the best possible manner. began its online assignment help Melbourne services with the desire to serve students struggling in almost any subject with the support of our professional assignment experts. Each of these academic writers possesses extensive knowledge and expertise.
  8. 김지수
    모든 예제가 안보이는거 같은데 혹시 이제는 못보는건가요?
  9. winterer
    흠..전혀 모르겠네요.
  10. wwwe
  11. 푸른하늘
  12. 최동희
    "위 예제에서 왜 플레이어가 나타났다 사라질까?" 라고 쓰셨는데, 우분투 16.04, 크로미움 62.0.3202.62과 파이어폭스 56.0에서는 정상적으로 작동합니다(플레이어가 사라지지 않습니다).
  13. html
    muted 라는 속성도 있습니다~
    오디오 출력이 음소거 되도록 지정합니다.
  14. <!--**-->
    플레이어라면 재생버튼 말씀하시는 건가요?
    제가 해 봤는데...ㅋ
    제가 실수로 잘못 눌렀을 때는 이와 같은 상황이 발생되었지만, 이내 수정하고 다시 해 보니
    괜찮아 졌어요..
    제가 실수한 거는... www를 세개 다 안치고 ww 2개만 쳤다든지 해서 재생(화살표)이 나오다가 안나온거 빼고는
    아무것도 없는 듯 해서요..
  15. 유영준
    Audio에 동적으로 음악 파일을 바꿀 때
    좀 더 빠르게 Play를 시작해주고 싶습니다.
    일반적인 예제에서는 load() -> play() 하는 방식을 쓰고 있던데, 이렇게 했더니
    음악이 바뀔때 로딩이 좀 오래 걸립니다.
    이 방식이 음악 파일 전체를 로드한다음에 플레이 하는 방식이 되는건가요?
    아님 유튜브처럼 일정부분 로드를 먼저하고 플레이하면서 남은 부분까지 로드하는 방식인건가요~?
버전 관리
현재 버전
선택 버전
graphittie 자세히 보기