HTML5 동영상강좌 바로가기

HTML 태그 - audio

본문

HTML 태그 - audio

 
<audio>태그는 사운드컨텐츠를 표시할 때 사용합니다. html5에서 추가되었습니다. 여러개의 오디오 소스를 포함할 수 있습니다.
 


속성
 
src : 사운드파일의 경로를 지정합니다.
 
autoplay : 사운드를 자동 재생합니다.

preload : 사운드화일이 백그라운드에서 다운로드되어 재생버튼을 눌렀을 때 재생됩니다.
 
controls : 사운드화면에 제어막대를 추가합니다.

 

샘플

<!DOCTYPE html>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="author" content="코리아뉴스" />
 <title> html공부 </title>
 <link rel="stylesheet" type="text/css" href="default.css" / >
 <style type="text/css">
  body {
  color:red;
  }
 </style>
 </head>
 <body>
  <section>
   <h1>audio태그</h1>
   <p>
   <audio src="sample.ogg" autoplay controls> 
   이 브라우저는 video태그를 지원하지 않습니다.
   </audio> 
   </p>
 
   <p>
   <audio autoplay controls>
   <source src="sample.wav" type="audio/wav">
   </audio> 
   </p>
  </section>
  <div id="related">
   <p>영역 </p>
  <div>
  <footer>
     <address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address>
                      Copyright ⓒ 2013 Koreanews co.,  All Rights Reserved.
  </footer>
 </body> 

</html>  

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기


HTML5 동영상강좌 바로가기