[JavaScript] 자바스크립트에서 사운드 볼륨 조절하기

2022. 7. 24. 19:58Program/JavaScript

192_자바스크립트에서 사운드 볼륨 조절하기

[적용]

  • 스크립트로 사운드의 볼륨을 조절하고 싶을 때
  • 음소거 기능을 사용하고 싶을 때

[문법]

속성 의미 타입
volume 볼륨 값  숫자
muted 음소거 상태 여부  진리값

[내용]

volume 속성을 사용해 사운드의 볼륨을 확인하거나 설정을 조정할 수 있는데,

그 범위는 0.0(음소거) ~ 1.0(최대 볼륨) 내에서 설정이 가능하다.

muted 속성은 음소거 상태의 확인과 설정이 가능하다.

volume 속성은 볼륨 크기의 세세한 조절이 가능하지만, muted 속성은 음소거 기능만 작동한다.

 

JavaScript                                                                                                                                                          main.js

const audio = document.querySelector('#myAudio');
audio.volume = 1.0;

JavaScript                                                                                                                                                          main.js

const audio = document.querySelector('#myAudio');
audio.muted = true;

 

 

 


 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김