タグは、HTML5 ブラウザでオーディオ ファイルを再生できます。
<オーディオ>コントロール パネルはデフォルトで提供されますが、サウンドの再生のみが必要な場合もあり、コントロール パネルの表示ステータスを定義するのはユーザー次第です。
ここでは JS を使用して制御できます。コードは次のとおりです:
var audio ; window.onload = function(){ initAudio(); } var initAudio = function(){ //audio = document.createElement("audio") //audio.src='Never Say Good Bye.ogg' audio = document.getElementById('audio'); } function getCurrentTime(id){ alter(parseInt(audio.currentTime) ': 秒'); } function playOrPaused(id,obj){ if(audio.paused) { audio.play(); obj.innerHTML='pause'; return; } audio.pause(); obj.innerHTML='play'; } function HideOrShowControls(id,obj){ if(audio.controls){ audio.removeAttribute('controls'); obj.innerHTML = 'コントロールを表示box' return ; } audio.controls = 'コントロール'; obj.innerHTML = 'コントロール ボックスを非表示にする' return; } function vol(id ,type, obj){ if(type == 'up'){ var volume = audio.volume 0.1; if(volume >=1 ){ volume = 1 ; } audio.volume = volume; }else if(type == 'down'){ var volume = audio.volume - 0.1; if(volume < =0 ){ volume = 0 ; } audio.volume = volume; } document.getElementById('nowVol').innerHTML = returnFloat1(audio.volume); } function muted(id,obj){ if(audio.muted){ audio.muted = false; obj.innerHTML = 'ミュートをオンにする'; } else{ audio. muted = true; obj.innerHTML = 'ミュートをオフにする'; } } //小数点を 1 つ保持する function returnFloat1( value) { value = Math.round(parseFloat(value) * 10) / 10; if (value.toString().indexOf(".") <0){ value = value .toString() ".0" ; } return value; }
呼び出しメソッドは次のとおりです: