audioObject.defaultMutedは、埋め込みオーディオ(audio要素)の初期設定の再生音量がミュート(消音)かどうかを取得するプロパティ。
構文
取得
var $defaultMuted = $audioElementReference.defaultMuted;
戻り値
ドキュメントに埋め込んだオーディオファイルの初期設定の再生音量がミュート(消音)かどうか。
- 音をミュートするように設定してあれば、
true
を返す。 - 音をミュートするように設定してなければ、
false
を返す。
サンプル
【サンプルA】
audio要素のdefaultMuted属性の値:
【サンプルB】
audio要素のdefaultMuted属性の値:
サンプルの動作について
- 2014/01/26現在、FirefoxとChromeで動作確認。
- 「取得」ボタンをクリックすると、初期設定の再生音量がミュート(消音)状態かどうかを取得する。【サンプルA】の「audio要素のdefaultMuted属性の値:」の右側に「true」と表示する。【サンプルB】の「audio要素のdefaultMuted属性の値:」の右側に「false」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getMuted() {
var $defaultMutedA = document.getElementById( "sampleA" ).defaultMuted;
var $defaultMutedB = document.getElementById( "sampleB" ).defaultMuted;
document.getElementById( "sampleAOutputMuted" ).innerHTML = $defaultMutedA;
document.getElementById( "sampleBOutputMuted" ).innerHTML = $defaultMutedB;
}
</script>
function getMuted() {
var $defaultMutedA = document.getElementById( "sampleA" ).defaultMuted;
var $defaultMutedB = document.getElementById( "sampleB" ).defaultMuted;
document.getElementById( "sampleAOutputMuted" ).innerHTML = $defaultMutedA;
document.getElementById( "sampleBOutputMuted" ).innerHTML = $defaultMutedB;
}
</script>
HTML
<p>
<button onclick="getMuted();">取得</button>
</p>
<div id="sampleAWrap">
<p>【サンプルA】</p>
<p>audio要素のdefaultMuted属性の値:<span id="sampleAOutputMuted"></span></p>
<audio src="http://alphasis.info/wp-content/uploads/2011/05/lmms-tutorial-techno-arpeggio.mp3" id="sampleA" controls muted>
<p>お使いのブラウザはaudio要素に対応していません。</p>
</audio>
</div>
<div id="sampleBWrap">
<p>【サンプルB】</p>
<p>audio要素のdefaultMuted属性の値:<span id="sampleBOutputMuted"></span></p>
<audio src="http://alphasis.info/wp-content/uploads/2011/05/lmms-tutorial-techno-bass.mp3" id="sampleB" controls>
<p>お使いのブラウザはaudio要素に対応していません。</p>
</audio>
</div>
<button onclick="getMuted();">取得</button>
</p>
<div id="sampleAWrap">
<p>【サンプルA】</p>
<p>audio要素のdefaultMuted属性の値:<span id="sampleAOutputMuted"></span></p>
<audio src="http://alphasis.info/wp-content/uploads/2011/05/lmms-tutorial-techno-arpeggio.mp3" id="sampleA" controls muted>
<p>お使いのブラウザはaudio要素に対応していません。</p>
</audio>
</div>
<div id="sampleBWrap">
<p>【サンプルB】</p>
<p>audio要素のdefaultMuted属性の値:<span id="sampleBOutputMuted"></span></p>
<audio src="http://alphasis.info/wp-content/uploads/2011/05/lmms-tutorial-techno-bass.mp3" id="sampleB" controls>
<p>お使いのブラウザはaudio要素に対応していません。</p>
</audio>
</div>