Javascript аудио Onload - PullRequest
Новая
       1

Javascript аудио Onload

4 голосов
/ 24 ноября 2011

Я сделал аудио тест javascript.Все функции работают в Opera FF и Chrome, кроме audio.oncanplaythrough и audio.onended (эта функция не работает в Chrome). 

<!DOCTYPE html>
<html>
<body>

<script>
var audio = new Audio("http://www.w3schools.com/html5/song.ogg");

audio.oncanplaythrough = function(){
audio.play();
}

audio.onended = function(){
alert('ended');
}

</script>
<a href="#" onclick="audio.play();">start</a><br/>
<a href="#" onclick="audio.pause();">pause</a><br/>
<a href="#" onclick="audio.volume=prompt('from 0 to 1',0.7)">volume</a><br/>
<a href="#" onclick="audio.currentTime = 3;">jump</a><br/>
</body>
</html>

Ответы [ 2 ]

15 голосов
/ 24 ноября 2011

oncanplaythrough - это событие, а не метод, а другое событие называется ended, а не onended.

Так что вам нужно прослушивать события и действовать на них.Попробуйте: 

audio.addEventListener('ended', function() { 
   alert('ended');
}, false);

и 

audio.addEventListener('canplaythrough', function() { 
   audio.play();
}, false);
3 голосов
/ 24 ноября 2011

Добавить и воспроизвести звук через JavaScript 

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'loading.ogg');
audioElement.play();

Получить путь к файлу песни и продолжительность 

audioElement.src;
audioElement.duration;

Загрузить звук 

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'Mogwai2009-04-29_acidjack_t16.ogg');
audioElement.load()
audioElement.addEventListener("load", function() {
  audioElement.play();
  $(".duration span").html(audioElement.duration);
  $(".filename span").html(audioElement.src);
}, true);

Остановить песню 

audioElement.pause();

Изменить громкость 

audioElement.volume=0;

Воспроизвести ровно 35 секунд песни 

audioElement.currentTime=35;
audioElement.play();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...