[HTML] audio 오디오 태그

예시 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

예시 1

예시 2

'HTML > Day36' 카테고리의 다른 글

티스토리툴바