Javascript 오디오/비디오 요소 컨트롤 볼륨을 프로그래밍 방식으로?

Question

플래시에는 volume for a Sound object을 제어하는 ​​API가 있습니다. 볼륨을 현재 이와 같이 제어 할 수 있습니까? 아니면 <audio> 또는 <video> html5 요소를 지원할 계획입니까? 당신이 jQuery를이 같은 일을 할 수 있도록

는

Answer 1

HTML 5 오디오 요소는, 거기에 볼륨 게터/세터을 가지고 나타납니다

소스가

<script type="text/javascript" charset="utf-8"> 
    $(function() { 
    var audio = $('#clip')[0]; 

    $('#start').click(function() { 
     audio.play(); 
    }); 

    $('#stop').click(function() { 
     audio.pause(); 
    }); 

    $('#quiet').click(function() { 
     audio.volume = audio.volume - 0.2 
    }); 

    $('#loud').click(function() { 
     audio.volume = audio.volume + 0.2 
    }); 
    }); 
</script> 

<audio id="clip"> 
    <source src="/audio/safari.mp3" /> 
</audio> 
<button id="start">start music</button 
<button id="quiet">quieter</button> 
<button id="loud">louder</button> 

: http://www.whatwg.org/specs/web-apps/current-work/#user-interface

이 Safari에서 작동하는 것 같다 4, 나는 그것을 FF 3.5와 함께 할 수는 없지만.

그냥

요한 복음

Answer 2

(당신은 0 또는 1 위에서 아래 값을 설정하려고하면 당신은 자바 스크립트 오류가 발생합니다 ... 위의 코드에서 확인에는 경계가 없다 참고) 머리 위로, 나는 또한 비디오/오디오에 대한 볼륨이 모바일 사파리에서 작동하지 않는다는 것을 알게되었다. 속성을 업데이트하고 실제로 볼륨 속성을 변경했는지 확인 할 수 있지만 모바일 사파리 iPad는 신경 쓰지 않습니다. 분명히 하드웨어 볼륨 로커에 관한 것입니다.