Javascript аудио / видео элемент управления громкостью программно?

Question

Flash имеет API для управления громкостью для объекта Sound . Можно ли регулировать громкость, как это в настоящее время, или планируется поддержка <audio> или <video> html5 элементов?

Answer 1

Кажется, что в аудиоэлементе html 5 есть средство получения / установки громкости, поэтому вы можете сделать что-то подобное в 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.

(Обратите внимание, что в приведенном выше коде нет проверки границ ... вы получите ошибку javascript, если попытаетесь установить значение ниже 0 или выше 1.)

-John

Answer 2

Просто на голову, я также считаю, что громкость для видео / аудио не работает в Mobile Safari. Вы можете обновить свойство и проверить, действительно ли вы изменили свойство тома, но для мобильного сафари iPad все равно, очевидно, все дело в аппаратном переключателе громкости.