[HTML] 오디오, 음성(Audio, mp3) 파일 실행시키기

웹페이지에 음성 파일을 실행시키는 방법에 대해 알아보려고 합니다.

HTML5에는 기본적으로 audio 태그를 제공합니다.

저는 이 audio 태그를 이용하여 mp3 파일을 재생해보려고 합니다.

 

---

 

1. 오디오 파일 준비하기

- 실행하려는 오디오 파일을 원하는 경로에 넣어줍니다.

- 저는 mp3 파일을 file_voice 폴더에 넣었습니다.

 

 

2. 오디오 태그 사용하기

<audio controls autoplay>

	<source src="/file_voice/sample.mp3" type="audio/mp3">
    
</audio>

- file_voice 하위에 있는 sample.mp3 파일을 실행하는 코드입니다.

 

 

3. 오디오 태그 속성

- 위 코드에 controls와 autoplay 속성이 들어가있는 것을 확인할 수 있습니다.

- controls : 화면에 플레이어를 보여주는 속성

- autoplay : 웹페이지가 켜졌을 때 자동재생을 하는 속성

- loop : 음성 파일을 무한반복으로 재생하는 속성

 

 

 

이상으로 HTML 오디오(audio) 태그 사용 방법에 대해 알아보았습니다.

 

---