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 참조