[JavaScript] 자바스크립트에서 스크립트로 사운드 제어하기
2022. 7. 24. 16:06ㆍProgram/JavaScript
190_자바스크립트에서 스크립트로 사운드 제어하기
[적용]
- 스크립트로 사운드 재생 상태를 관리하고 싶을 때
[문법]
| 메소드 | 의미 | 반환 |
| play() | 재생 | Promise |
| pause() | 일시정지 | 없음 |
[내용]
audio 요소의 play()와 pause()를 사용해 사운드를 재생하거나 정지할 수 있다.
HTML index.html
<body>
<div>
<audio id="myAudio" src="assets/music.mp3" controls></audio>
</div>
<div>
<button id="btnPlay">재생</button>
<button id="btnPause">정지</button>
</div>
</body>JavaScript (부분) main.js
const audio = document.querySelector('#myAudio');
재생은 play()를 사용한다.
audio.play();
일시정지는 pause()를 사용한다. 사운드 재생 바가 해당 위치에서 멈춘다.
audio.Pause();
실행결과
참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김
'Program > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트에서 사운드 볼륨 조절하기 (0) | 2022.07.24 |
|---|---|
| [JavaScript] 자바스크립트에서 사운드 재생 조절하기 (0) | 2022.07.24 |
| [JavaScript] 자바스크립트에서 사운드 사용하기 (0) | 2022.07.24 |
| [JavaScript] 자바스크립트에서 스크립트로 이미지 요소 추가하기 (0) | 2022.07.22 |
| [JavaScript] 자바스크립트에서 Base64 형식 이미지 표시하기 (0) | 2022.07.22 |