Как создать автоматический плейлист с тегом HTML5 Audio? - PullRequest
Новая
       39

Как создать автоматический плейлист с тегом HTML5 Audio?

1 голос
/ 09 марта 2012

Как создать автоматический плейлист с тегом аудио из HTML5?

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

Ответы [ 2 ]

3 голосов
/ 09 марта 2012

Проверьте этот пост: с использованием jquery + w / 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

2 голосов
/ 21 мая 2012

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

<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.

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

...