HTML5 태그 사전

audio ?

정의

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

속성

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

설명

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

함께 알아두면 좋은 태그

예제

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

댓글

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

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