audioObject.currentTimeプロパティ

audioObject.currentTimeは、埋め込みオーディオ(audio要素)の再生位置を取得、もしくは、設定するプロパティ。

構文

取得

var $currentTime = $audioElementReference.currentTime;

戻り値

現在の再生時間。ドキュメントに埋め込んだオーディオファイルの現在の再生位置を示す秒単位の数値。

設定

$audioElementReference.currentTime = 再生位置;
再生位置
再生位置を秒単位の数値で指定。

サンプル

再生開始位置移動:

再生開始位置:0

サンプルの動作について

  • 「再生開始位置移動:」の右側のレンジ入力欄で、再生を始める位置を調整できる。
  • 「再生開始位置:」の右側に、指定したを再生開始位置を示す秒単位の数値を表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
window.onload = function(){
    setCurrentTime( 0 );
    document.getElementById( "sampleCurrentTime" ).value = 0;
}
function setCurrentTime( $currentTime ) {
    var $elementReference = document.getElementById( "sample" );
    $elementReference.currentTime = $currentTime;
    document.getElementById( "sampleOutputCurrentTime" ).innerHTML = $currentTime;
}
</script>

HTML

<p>
    再生開始位置移動:
    <input type="range" value="0" id="sampleCurrentTime" min="0" max="15" step="1" onchange="setCurrentTime(this.value)">
</p>
<p>再生開始位置:<span id="sampleOutputCurrentTime">0</span></p>
<audio src="http://alphasis.info/wp-content/uploads/2011/05/lmms-tutorial-techno-arpeggio.mp3" id="sample" controls>
    <p>お使いのブラウザはaudio要素に対応していません。</p>
</audio>

スポンサード リンク

カテゴリー: Audioオブジェクト, DOM, JavaScript, リファレンス パーマリンク