Как вы можете создать автоматический список воспроизведения с тегом HTML5 Audio?

Как вы можете создать автоматический список воспроизведения с аудиотегом из HTML5?

Чего я пытаюсь добиться, так это проигрывателя только с кнопкой воспроизведения/паузы размером 30x25 пикселей, проигрыватель автоматически воспроизводится при загрузке страницы, а когда песня заканчивается, он автоматически воспроизводит следующую песню. Попытка иметь 3-4 песни в плейлисте.


html playlist html5-audio
person Marian    schedule 09.03.2012    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Ознакомьтесь с этим сообщением: использование jquery + ‹аудио› с php/mysql для зацикливания времени воспроизведения

var sfx = new Audio('sfx.wav');
var sounds = a.addTextTrack('metadata');

// add sounds we care about
sounds.addCue(new TextTrackCue('dog bark', 12.783, 13.612, '', '', '', true));
sounds.addCue(new TextTrackCue('kitten mew', 13.612, 15.091, '', '', '', true));

function playSound(id) {
  sfx.currentTime = sounds.getCueById(id).startTime;
  sfx.play();
}

Я только что обновил это, добавив лучший пример использования подсказок, как указано здесь: http://dev.w3.org/html5/spec/Overview.html

person shanabus    schedule 09.03.2012
comment
...Как это поможет мне в том, что я пытаюсь получить? - person Marian; 09.03.2012
comment
Я не пытаюсь заставить играть sfx, когда вы нажимаете ссылку или что-то в этом роде. Я пытаюсь заставить mp3/wav/ogg автоматически воспроизводиться после загрузки веб-страницы, чтобы у этого проигрывателя была кнопка паузы/воспроизведения, и после того, как первая песня была сделана, для автоматического воспроизведения второй и так далее. - person Marian; 09.03.2012
comment
+ jQuery не включен, только JS - person Marian; 09.03.2012
comment
В ваших вопросах говорится: «Как создать автоматический список воспроизведения с аудиотегом из HTML5?». Если вы использовали код, который я предоставил, и вызвали playSound(yourtrackid) при загрузке страницы, вуаля! - person shanabus; 10.03.2012
comment
Чего я пытаюсь добиться, так это проигрывателя только с кнопкой воспроизведения/паузы размером 30x25 пикселей, проигрыватель автоматически воспроизводится при загрузке страницы, а когда песня заканчивается, он автоматически воспроизводит следующую песню. Попытка иметь 3-4 песни в плейлисте. И это то, что я пытаюсь заархивировать. - person Marian; 10.03.2012

arrow_upward
2
arrow_downward

Я использую код, аналогичный следующему на моем сайте, для воспроизведения непрерывного списка воспроизведения аудио на моем сайте:

<script type="text/javascript">
        var nextVideo = "/Link/To/Next/File.mp3";
        var audioPlayer = document.getElementById('audio_with_controls');
        audioPlayer.addEventListener('ended', PlayNext);

        function PlayNext() {
            audioPlayer.src = nextVideo;
            audioPlayer.play();
        }
</script>

Вам было бы очень легко добавить массив файлов, которые вы могли бы перебирать (используя массивы и т. д.). Вы также можете отобразить список воспроизведения для пользователя, при этом каждая дорожка будет кликабельной ссылкой, которая вызовет JS для изменения свойства «src» проигрывателя.

Надеюсь это поможет!

person Sk93    schedule 21.05.2012