HTML Audio(오디오)
<audio>
html로 오디오 파일을 재생할 때 사용한다.
<!DOCTYPE html>
<html>
<body>
<h1>웹 페이지에서 오디오 파일 사용하기</h1>
<audio controls>
<source src="./media/test.mp3" type="audio/mp3">
Your browser does not support the audio element.<br>
사용중인 브라우져가 오디오 요소를 지원하지 않습니다.
</audio>
</body>
</html>
비디오와 동일하게 오디오 파일의 경로를 지정하는 것도 오타가 발생하지 않도록 신경써서 잘 입력해주도록 하자
동작방식
controls 속성은 오디오 재생, 일시정지, 볼륨과 같은 오디오 컨트롤을 추가한다.
<source> 태그를 이용하면 웹페이지에 넣고자 하는 오디오 파일을 지정할 수 있다.
웹 브라우져는 처음 인식된 형식을 사용한다.
(이와 관련된 내용은 차후에 더 자세히 다루는 것으로 하겠다.)
<audio> </audio> 태그 사이의 텍스트는 <audio> 태그를 지원하지 않는 웹브라우져에서 표시된다.
'Web Basic > HTML' 카테고리의 다른 글
| HTML Video(비디오) (0) | 2020.07.23 |
|---|---|
| HTML Multimedia(멀티미디어) (0) | 2020.07.23 |
| HTML input types(입력유형) (0) | 2020.07.21 |
| HTML Form Elements (0) | 2020.07.21 |
| HTML forms (0) | 2020.07.21 |