HTML 오디오/비디오 DOM 볼륨 변경 이벤트

❮ HTML 오디오/비디오 DOM 참조

예시

비디오 볼륨이 변경되었음을 경고합니다.

var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
    alert("The volume has been changed!");
};

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.


정의 및 사용

volumechange 이벤트는 비디오/오디오의 볼륨이 변경될 때마다 발생합니다.

이 이벤트는 다음에 의해 호출됩니다.

  • 볼륨 증가 또는 감소
  • 미디어 플레이어 음소거 또는 음소거 해제

팁: 오디오/비디오 개체의 볼륨 속성을 사용 하여 오디오/비디오의 오디오 볼륨을 설정하거나 반환합니다.


브라우저 지원

표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Event
volumechange Yes 9.0 Yes Yes Yes

통사론

HTML:

<audio|video onvolumechange="myScript">

자바스크립트:

audio|video.onvolumechange=function(){myScript};

JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.

audio|video.addEventListener("volumechange", myScript);

기술적 세부 사항

지원되는 HTML 태그: <오디오>와 <비디오>
지원되는 JavaScript 객체: 오디오 비디오

더 많은 예

예시

오디오 파일의 볼륨이 변경되었음을 경고합니다.

var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
    alert("The volume has been changed!");
};

❮ HTML 오디오/비디오 DOM 참조