html5에서는 새로운 태그가 지원됩니다.
사운드를 플레이 하려면 다음과 같이 단순하게 구현할 수 있습니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>사운드파일예제</title>
</head>
<body>
<audio controls="controls" loop="loop">
<source src="http://www.w3schools.com/html5/song.ogg" type="audio/ogg">
<source src="http://www.w3schools.com/html5/song.mp3" type="audio/mpeg">
당신의 웹브라우저는 audio 요소를 지원하지 않습니다.
</audio>
</BODY>
</HTML>
audio 태그에 control속성을 넣어주면 콘트롤바가 생깁니다.
<audio controls="controls">
만일 loop로 돌리려면 이런 속성울 주면 되겠죠.
<audio loop="loop">
만일 콘트롤러 없애고 자동으로 시작하고 루프 하려면 다음과 같이 적어주면 됩니다.
<audio autoplay="autoplay" loop="loop">
'WEB_TECH > HTML5' 카테고리의 다른 글
| 단말기의 기종을 알아내는 구문 (0) | 2013.06.13 |
|---|---|
| canvas animation 예제입니다. (0) | 2013.05.24 |
| HTML5 사운드 플레이어 만들기1 (0) | 2013.05.23 |
| Geolocation API (0) | 2012.10.25 |
| Google Maps Javascript API V3 (0) | 2012.10.25 |
| 새로운 HTML5 Javascript API (0) | 2012.10.22 |
| <canvas>에 4가지 간단 그리기 예제 (0) | 2012.10.22 |
| <canvas>란 무엇일까? (0) | 2012.10.22 |
| HTML5에서 새로 사용된 엘리먼드들 (0) | 2012.10.22 |
