Question

Flash有一个API来控制volume for a Sound object。目前可以像这样控制音量，还是计划为<audio>或<video> html5元素提供支持？

Answer 1

html 5音频元素上面有一个音量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错误。）

-John

Answer 2

只是抬头，我也发现视频/音频的音量在Mobile Safari中不起作用。你可以更新属性并检查你确实改变了音量属性，但移动safari iPad并不关心，显然是关于硬件音量摇杆。

Javascript音频/视频元素控制卷以编程方式？

2 个答案: