반응형
사운드 재생을 위한 오디오 태그 예제입니다.
브라우저에서 사운드 플레이를 위해서는 <audio>라는 태그를 사용해야 합니다.
예제를 보겠습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>오디오 태그 예제 입니다</h3>
<audio src="sounds/Doorbell-ding-dong-sound.mp3" controls></audio>
</body>
</html><audio > 태그 중 핵심적인 역할의 속성은 두 가지 압니다.
src : 사운드 파일의 위치를 정해줍니다. (일반적으로 폴더를 별도로 만들어서 관리하는 것이 좋습니다)
control : 컨트롤 바를 표시 해줍니다.
추가로 하기 속성으로 자동재생 되면서 반복재생되도록 만들 수도 있습니다.
autoplay : 자동 재생
loop : 반복 재생
여러 속성이 있겠지만, 사운드 재생을 위해서는 src, control, loop 등만 잘 사용해도 괜찮을 거 같습니다.
감사합니다.
반응형
'앱 만들기 > HTML5 study' 카테고리의 다른 글
| html 하이퍼링크 예제 (2) | 2023.03.09 |
|---|---|
| 비디오 태그 예제 (2) | 2023.03.07 |
| html 표 셀 합치기 예제 (4) | 2023.03.04 |
| 이미지를 표현해주는 태그 예제 (2) | 2023.03.03 |
| html 표 만들기 (4) | 2023.02.28 |
댓글