최신 웹 개발 튜토리얼
 

HTML 오디오 / 비디오 DOM의 volumechange 이벤트

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

동영상의 용적이 변경되었음을 알림 :

var vid = document.getElementById("myVideo");
vid.onvolumechange = function() {
    alert("The volume has been changed!");
};
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

volumechange 이벤트는 비디오 / 오디오의 용적이 변경 될 때마다 발생한다.

이 이벤트에 의해 호출된다 :

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

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


브라우저 지원

표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.

행사
volumechange 9.0

통사론

HTML에서 :

< audio|video onvolumechange="myScript"> Try it

자바 스크립트에서 :

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

자바 스크립트에서, 사용 addEventListener() 메서드를 :

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

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

지원되는 HTML 태그 : <audio> and <video>
지원되는 자바 스크립트 객체 : Audio, Video

더 예

경고 오디오 파일의 용적이 변경되었음을 :

var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
    alert("The volume has been changed!");
};
»그것을 자신을 시도

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