Выполнение Javascript-кода за 5 секунд до того, как аудио-элемент html5 достигнет конца воспроизведения

Question

Я работаю с элементом audio по умолчанию (без предоставления элемента управления пользователю), с которым я взаимодействую через jQuery (смена источника, воспроизведение/пауза - обычный). Теперь я пытаюсь перейти на следующий трек (второго звукового элемента), начиная с 5 секунд раньше, чтобы добиться плавного перехода.

Из того, что я собрал из media events и audio element attributes страниц, ни один метод не существует, чтобы делать это по умолчанию - самая близкая вещь существует, кажется, onended событие (которое срабатывает слишком поздно, очевидно), а атрибут loop, который имеет ту же проблему.

Я отделено мою предыдущую попытку в ответ, чтобы удалить вопрос из неотвеченных очереди, но он изначально был включен здесь

Любая помощь в решении этой проблемы более эффективно, изначально таким образом я пропустил , или совершенствование моего существующего решения сильно усложняются! Заранее спасибо.

Answer 1

На данный момент, единственное решение, которое я вижу, чтобы проверить длительность трека раньше времени, а затем установите следующий тайм-аут:

$('audio').bind('loadedmetadata', function() { 
    duration = $(this).prop('duration') * 1000; // get duration in milliseconds 
    var fadetimer = setTimeout(function(){ 
    // set up next audio file 
    }, duration - 5000); // execute timeout 5 seconds before end of playback 
}); 

Это кажется крайне неэффективно для меня, однако. Я также не уверен, оставит ли этот метод тайм-ауты «мусора» или привязки событий в фоновом режиме, что в конечном итоге приведет к замедлению и замедлению работы приложения.