사이트 내 전체검색

HTML

audio 파일 태그 볼륨 컨트롤

페이지 정보

작성자 허니무스 댓글 0건 조회 343회 작성일 19-07-23 11:33

본문

<button onclick="getVolume()" type="button">What is the volume?</button>

<button onclick="setHalfVolume()" type="button">Set volume to 0.2</button>

<button onclick="setFullVolume()" type="button">Set volume to 1.0</button>


<audio id="audio1" autostart="false" controls="true" volume="0.2" style="width:330px">

<source src ="파일 PATH"> 

지원되지 않는 브라우저 입니다.

</audio>


<script type="text/javascript">

<!--

var vid = document.getElementById("audio1");

vid.volume = 0.4; // 기본볼륨 0.4로 세팅(1=100%, 0은 mute)


function getVolume() { 

  alert(vid.volume);

  

function setHalfVolume() { 

  vid.volume = 0.2;

  

function setFullVolume() { 

  vid.volume = 1.0;

}

//-->

</script>

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.