最新のWeb開発のチュートリアル
 

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

JavaScriptで:

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

JavaScriptで、使用してaddEventListener()メソッドを:

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

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンではサポートされていません。


技術的詳細

サポートされているHTMLタグ: <audio> and <video>
サポートされているJavaScriptオブジェクト: Audio, Video

その他の例

オーディオファイルの音量が変化したことを通知します:

var aud = document.getElementById("myAudio");
aud.onvolumechange = function() {
    alert("The volume has been changed!");
};
»それを自分で試してみてください

<HTMLオーディオ/ビデオDOMリファレンス