HTML5 seekBar не обновляется после нажатия, несмотря на обновление его значения - PullRequest
Новая
       13

HTML5 seekBar не обновляется после нажатия, несмотря на обновление его значения

2 голосов
/ 01 марта 2012

Я некоторое время копался в поисках того, почему seekBar не обновляется после нажатия, и пока не повезло. Я делал это в Chrome, потому что Firefox изначально не поддерживает аудио-тег HTML5.

Вот в основном то, что у меня есть: 

<script>
  var seekBar;
  var player;
  function initPlayer(){
    seekBar = document.getElementById('seekBar');
    player = document.getElementById('playcontrol');
    seekBar.setAttribute('max', player.duration);
    player.addEventListener('timeupdate', function(){
      seekBar.setAttribute('value', player.currentTime);
    });
  }
</script>
...
<audio id="playcontrol" src="Song.mp3" preload="auto"></audio>
<input id="seekBar" type="range" step="any" onchange="player.currentTime = this.value" min="0" max="10" value="0">

Я запускаю initPlayer () после загрузки страницы и запускаю "player.play ();" на консоли, чтобы начать аудио. Все это прекрасно работает, пока я вручную не нажму на позицию в seekBar.

Когда я это делаю, он переходит на ту часть звука, которая должна быть, однако, несмотря на то, что атрибут value продолжает обновляться, положение визуальной панели больше не меняется.

Почему визуальная позиция статична после нажатия на нее? Есть ли какой-нибудь хак или обходной путь, чтобы это исправить?

...