태그는 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){ Alert(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 = 'controls'; obj.innerHTML = '컨트롤 상자 숨기기' return; } function vol(id ,type, obj){ if(type == 'up'){ var 볼륨 = audio.volume 0.1; if(volume >=1 ){ 볼륨 = 1 ; } audio.volume = 볼륨; }else if(type == 'down'){ var 볼륨 = audio.volume - 0.1; if(볼륨 < =0 ){ 볼륨 = 0 ; } audio.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; }
호출 방법은 다음과 같습니다.