[javascript] 자바스크립트를 사용한 모바일 디바이스의 소리 제어

05 Dec 2023

javascript

이번에는 자바스크립트를 사용하여 모바일 디바이스의 소리를 제어하는 방법에 대해 알아보겠습니다.

1. 소리 상태 확인

먼저, 모바일 디바이스의 소리 상태를 확인하는 방법부터 알아봅시다. 아래 코드를 사용하여 현재 디바이스의 소리 상태를 확인할 수 있습니다.

function checkVolume() {
  var volume = navigator.volumeManager.volume;
  if (volume === 0) {
    console.log("소리가 꺼져 있습니다.");
  } else {
    console.log("소리가 켜져 있습니다.");
  }
}

checkVolume();

위 코드는 navigator.volumeManager.volume 속성을 사용하여 현재 디바이스의 소리 상태를 확인합니다. 값이 0이면 소리가 꺼져 있고, 그 외의 값이면 소리가 켜져 있다고 출력됩니다.

2. 소리 제어

이제 자바스크립트를 사용하여 모바일 디바이스의 소리를 제어하는 방법을 알아봅시다. 아래 코드를 사용하여 디바이스의 소리를 켜거나 끌 수 있습니다.

function toggleVolume() {
  var volume = navigator.volumeManager.volume;
  if (volume === 0) {
    navigator.volumeManager.volume = 1;
    console.log("소리를 켰습니다.");
  } else {
    navigator.volumeManager.volume = 0;
    console.log("소리를 껐습니다.");
  }
}

toggleVolume();

위 코드는 navigator.volumeManager.volume 속성을 사용하여 소리 상태를 확인하고, 해당 속성 값을 변경하여 소리를 켜거나 끕니다.

3. 참고 자료

MDN Web Docs - volumeManager