![[HTML] audio 오디오 태그](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F4CmZZ%2FbtroVlzaufb%2FwBQXXmKlBRVRbLrLsKOKI0%2Fimg.png)
예시 1
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<audio src="Kalimba.mp3" controls="controls"></audio>
</body>
</html>
예시 2
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<audio controls="controls">
<source src="Kalimba.mp3" type="audio/mp3" />
<source src="Kalimba.ogg" type="audio/ogg" />
</audio>
</body>
</html>
※ 참고
웹 브라우저마다 지원하는 음악파일의 형식이 다르기 때문에 이러한 문제를 해결하고자 source 태그를 사용한다. source 태그를 준 후 경로와 type을 지정하여 사용한다.
audio 오디오 태그
<src> 음악 파일 경로 지정
<preload> 음악 재생 전 모두 불러올지 지정
<autoplay> 음악 자동 재생할지 지정
<loop> 음악 반복재생 지정
<controls> 음악 재생 도구 출력 지정
'HTML > Day36' 카테고리의 다른 글
| [HTML] form 입력 양식 태그 & input 태그 (0) | 2021.12.25 |
|---|---|
| [HTML] video 비디오 태그 (0) | 2021.12.25 |
| [HTML] img 이미지 태그 (0) | 2021.12.25 |
| [HTML] table 테이블 태그 (0) | 2021.12.25 |
| [HTML] 정의 목록 태그 dl, dt, dd (0) | 2021.12.19 |