Javascript音频/视频元素以编程方式控制音量?

html 5 audio元素上似乎有一个卷getter/setter,因此您可以在jQuery中执行如下操作:

<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一起使用。

(注意上面的代码中没有边界检查。。。如果试图将值设置为低于0或高于1,则会出现javascript错误。)

-约翰