Проблема с html5 аудио и манипуляциями с javascript - PullRequest
Новая
       0

Проблема с html5 аудио и манипуляциями с javascript

0 голосов
/ 06 декабря 2010

Я пытаюсь манипулировать аудиофайлом (mp3), используя <audio> и javascript, но ничего не происходит, когда я нажимаю на ссылку.alert() работает, но ничего не происходит со звуком, т.е. без паузы, без воспроизведения, ничего ... будь то в Safari или Firefox.Является ли кодирование хитрым или что?

Проверьте это:

jQuery / javascript: 

$(document).ready( function(){

  var audioElement = document.getElementById('audio_player');

  $('div.audioControls .play').live('click', function(){
    //alert('play');
    audioElement.play();
  });
  $('div.audioControls .pause').live('click', function(){
    //alert('pause');
    audioElement.pause();
  });
  $('div.audioControls .playatTime').live('click', function(){
    alert('play at time: 30 sec');
    audioElement.currentTime = 30;
    audioElement.play();
    return false;
  });

});

HTML: 

<audio id="audio_player" controls="controls" src="aaliyah.mp3">
Your browser does not support the audio element.
</audio>

<div class="audioControls">
<a href="#" class="play buttons" style="border:1px solid #ccc;">play</a>
<a href="#" class="pause buttons" style="border:1px solid #ccc;">pause</a>
<a href="#" class="playatTime buttons" style="border:1px solid #ccc;">play at 35   secondes</a>
</div>

Спасибо!

1 Ответ

1 голос
/ 07 декабря 2010

Теперь я знаю почему, это не сработало.Чтобы использовать API javascript, атрибуты элементов управления должны быть удалены из самого тега html, и он должен работать.

Спасибо

...