HTML5 태그 사전

audio ?

정의

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

속성

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

설명

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

함께 알아두면 좋은 태그

예제

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

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
작성자
비밀번호
  1. hellyjanes900
    gotoassignmenthelp.com.au 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. gotoassignmenthelp.com.au 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.
    https://www.gotoassignmenthelp.com.au/
    https://www.gotoassignmenthelp.com.au/melbourne/
    https://www.gotoassignmenthelp.com.au/perth/
  2. 김지수
    모든 예제가 안보이는거 같은데 혹시 이제는 못보는건가요?
  3. winterer
    흠..전혀 모르겠네요.
  4. wwwe
    http://www.adidaseqts.com
    http://www.yesyeezy.shop......tml
    http://www.curry5.us.com
    http://www.goldengoose-sneakers.com
    http://www.yesyeezy.shop......tml
    http://www.nfljerseys.us.org
    http://www.nikereact.org
    http://www.goldengoose.us.com
    http://www.yslhandbags.net
    http://www.adidasyeezy.co.uk
    http://www.curry4shoes.us.com
    http://www.yeezysuk.com
    http://www.jordansshoes.us.org
    http://www.yesyeezy.shop......tml
    http://www.michaelkors-outletstore.com
    http://www.adidasgazelle.us.com
    http://www.nike-hyperdunk.us.com
    http://www.chromeheartsstore.us
    http://www.valentinos.us.com
    http://www.bapehoodie.us
    http://www.yesyeezy.shop......tml
    http://www.converseoutlet.us.com
    http://www.nhljerseys.us.org
    http://www.canada--goose.co.uk
    http://www.redbottom-shoes.us.com
    http://www.filashoes.org
    http://www.fakerolex.us.com
    http://www.vans-shoes.us.org
    http://www.yesyeezy.shop......tml
    http://www.fila-shoes.us.com
    http://www.hermesonlineshop.com
    http://www.hardenshoes.us.com
    http://www.outletmichael-kors.us.com
    http://www.jordan13.us.com
    http://www.adidas-tubular.us.com
    http://www.golden-goose.us.com
    http://www.curry4.us.com
    http://www.guccibelt.us.com
    http://www.hermes-birkin.us.com
    http://www.goyard-handbags.us.com
    http://www.shoesjordan.us.com
    http://www.nikeairforce1.us.com
    http://www.jordanssneakers.us.com
    http://www.adidasstansmith.uk
    http://www.offwhiteclothing.us.com
    http://www.adidasultraboost.us.org
    http://www.monclerjacket.net
    http://www.fitflops-saleclearance.us.com
    http://www.longchamphandbagsoutlets.com
    http://www.longchamphandbagsonlines.com
    http://www.kobesneakers.com
    http://www.yeezy-500.us.com
    http://www.jordanshoes.org.uk
    http://www.lebron16.us
    http://www.polosralphlaurenuk.com
    http://www.hermes-belt.us.com
    http://www.hermes-handbags.us.com
    http://www.offwhitehoodie.us.com
    http://www.yesyeezy.shop......tml
    http://www.calvinkleinoutlet.us.com
    http://www.birkinbag.us.com
    http://www.pandorabracelet.in.net
    http://www.monclerjackets.us
    http://www.goyardbags.us
    http://www.jordansforcheap.us.com
    http://www.yeezysshoes.us.com
    http://www.mbtshoesonline.com
    http://www.goyardhandbags.org
    http://www.nikesneakers.us.com
    http://www.cheap-airjordans.us.com
    http://www.nike-airmax2017.us.com
    http://www.yesyeezy.shop......tml
    http://www.kd11.us
    http://www.paulgeorgeshoes.us.com
    http://www.offwhite.us.com
    http://www.jimmychoo-shoes.us.com
    http://www.outletonline-michaelkors.us.org
    http://www.nikeflyknit.us.com
    http://www.yeezy-boost.us.com
    http://www.yeezyshoesuk.com
    http://www.nike-roshe.us.com
    http://www.hermeshandbags.us.org
    http://www.nike-shox.us.com
    http://www.adidasoutletonline.com
    http://www.vans-outlet.us.com
    http://www.michaelkors-outletfactory.us.org
    http://www.outlettimberland.us.org
    http://www.yeezy-shoes.org.uk
    http://www.cheapnbajerseyswholesales.us.com
    http://www.kobebasketballshoes.net
    http://www.adidasstansmith.us.com
    http://www.supremehoodie.us.com
    http://www.yeezyboost-350.uk
    http://www.michael--korsoutlet.us.org
    http://www.airmax270.us.com
    http://www.yesyeezy.shop......tml
    http://www.jordan-retro.us.com
    http://www.long-champhandbags.org.uk
    http://www.kd11.us.com
    http://www.air-max.us.com
    http://www.jordan6.us.com
    http://www.michael-kors-handbags.com.co
    http://www.yeezy-boost350.us.com
    http://www.yesyeezy.shop......tml
    http://www.coachsonline.us.com
    http://www.yesyeezy.shop
    http://www.nikejordans.us.com
    http://www.ultraboost.us.com
    http://www.yeezyboost.in.net
    http://www.yeezyboost.com.co
    http://www.linksoflondonus.com
    http://www.nikecortez.us.com
    http://www.asicsgelkayano.us.com
    http://www.coachoutletstorefactory.com
    http://www.mlbjerseys.in.net
    http://www.curry5.us
    http://www.airmax90.us.org
    http://www.ferragamobelt.us.org
    http://www.nikepolo.us
    http://www.michaeljordanshoes.us.com
    http://www.outletlacoste.us.com
    http://www.michael-korsoutlets.us
    http://www.off-whiteshoes.us.com
    http://www.chromehearts.com.co
    http://www.adidas-nmds.us.com
    http://www.yeezy-shoes.us.org
    http://www.jordan12.us.com
    http://www.jordan4.us.com
    http://www.nikefoamposite.us.com
    http://www.katespadehandbags-outlet.us.com
    http://www.adidasnmduk.com
    http://www.toryburchs.us
    http://www.yeezy500.us
    http://www.kobeshoes.uk
    http://www.asics-shoes.us.org
    http://www.adidasyeezys.us
    http://www.coachoutletssale.com
    http://www.filas.us.com
    http://www.kyrieirving-shoes.us.com
    http://www.linksoflondon.us.com
    http://www.nikereact.us.com
    http://www.ferragamobelt.us
    http://www.nikebasketballshoes.us.com
    http://www.lebronjames-shoes.us.com
    http://www.goldengoosesneakers.us
    http://www.yeezy-shoes.org
    http://www.adidasyeezys.us.com
    http://www.nikeairmax2019.us.com
    http://www.kyrie4.org
    http://www.fila.us.org
    http://www.yesyeezy.shop/offwhite-x-nike-air-presto-black-aa3830002-p-291.html
    http://www.nikehuaracheshoes.us.com
    http://www.goyard.us.com
    http://www.adidasiniki.us
    http://www.adidas-pureboost.us.com
    http://www.yesyeezy.shop/adidas-yeezy-boost-350-v2-cream-white-cp9366-p-423.html
    http://www.kd-10.us
    http://www.yeezy700.us.com
    http://www.reebokoutlet.us.org
    http://www.monclersoutlet.us.com
    http://www.lacosteonlineshop.us.com
    http://www.michaelkorsoutletonlineus.com
    http://www.kobe-shoes.us.com
    http://www.kevindurant-shoes.us.com
    http://www.jordan11retro.us.com
    http://www.yeezy-shoes.ca
    http://www.coachoutletsfactory.com
    http://www.handbagsmichaelkors.com
    http://www.yesyeezy.shop/supreme-x-nike-air-more-uptempo-varsity-redwhite-902290600-p-592.html
    http://www.goldengoose-sneakers.us
    http://www.hoganoutletonline.us.com
    http://www.adidas-crazyexplosive.us.com
    http://www.nike-huarache.com
    http://www.vapormaxshoes.us
    http://www.michaelkors-outletonlines.us.com
    http://www.airjordanretro.uk
    http://www.yesyeezy.shop/balenciaga-17fw-triple-s-black-pink-women-sneaker-483523w06e38080-p-618.html
    http://www.balenciagashoes.us.com
    http://www.adidassuperstar.us.com
    http://www.michael-kors-handbags.org.uk
    http://www.lacostepolosshirts.com
    http://www.lebron16.us.com
    http://www.caterpillarboots.us.com
    http://www.nikeair-max.us.com
    http://www.goyardhandbags.us.com
    http://www.balenciagashoes.us.org
    http://www.yeezyboost-350v2.us.com
    http://www.adidaszxflux.com
    http://www.adidasnmds.com
    http://www.lebron15.net
    http://www.kyrie3.us.com
    http://www.adidasshoesonline.com
    http://www.coachoutlets.name
    http://www.nikeairmax2018.us.com
    http://www.hermesbelts.com
    http://www.balenciaga.us.com
    http://www.lebron16.net
    http://www.goldengoose-outlet.us.com
    http://www.hermesbelts.co.uk
    http://www.retro-jordans.us.com
    http://www.chromehearts.name
    http://www.rolex-replica.us.com
    http://www.goldengooseoutlet.us
    http://www.louboutinshoes.uk
    http://www.yeezyboost350v2shoes.us.com
    http://www.offwhitexjordan1.com
    http://www.yeezyboost350v2.org.uk
    http://www.lacostepolo.us.com
    http://www.russellwestbrookshoes.us.com
    http://www.yeezy-boosts.us.com
    http://www.longchamp-bags.us.org
    http://www.long-champ.us.com
    http://www.bape-hoodie.us.com
    wwwe
  5. 푸른하늘
    2
  6. 최동희
    "위 예제에서 왜 플레이어가 나타났다 사라질까?" 라고 쓰셨는데, 우분투 16.04, 크로미움 62.0.3202.62과 파이어폭스 56.0에서는 정상적으로 작동합니다(플레이어가 사라지지 않습니다).
  7. html
    muted 라는 속성도 있습니다~
    오디오 출력이 음소거 되도록 지정합니다.
  8. <!--**-->
    플레이어라면 재생버튼 말씀하시는 건가요?
    제가 해 봤는데...ㅋ
    제가 실수로 잘못 눌렀을 때는 이와 같은 상황이 발생되었지만, 이내 수정하고 다시 해 보니
    괜찮아 졌어요..
    제가 실수한 거는... www를 세개 다 안치고 ww 2개만 쳤다든지 해서 재생(화살표)이 나오다가 안나온거 빼고는
    아무것도 없는 듯 해서요..
  9. 유영준
    Audio에 동적으로 음악 파일을 바꿀 때
    좀 더 빠르게 Play를 시작해주고 싶습니다.
    일반적인 예제에서는 load() -> play() 하는 방식을 쓰고 있던데, 이렇게 했더니
    음악이 바뀔때 로딩이 좀 오래 걸립니다.
    이 방식이 음악 파일 전체를 로드한다음에 플레이 하는 방식이 되는건가요?
    아님 유튜브처럼 일정부분 로드를 먼저하고 플레이하면서 남은 부분까지 로드하는 방식인건가요~?
버전 관리
아무나
현재 버전
선택 버전
graphittie 자세히 보기