Как создать плейлист для jplayer с использованием xml

Как создать список воспроизведения для jplayer с использованием файла XML, а также я могу динамически добавлять новые элементы с помощью вызова AJAX.

1 ответ

РЕШЕНИЕ 1

Вы можете использовать следующий код в качестве отправной точки:

$(document).ready(function(){
   var cssSelector = { jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" };
   var options = { swfPath: "../js", supplied: "ogg, mp3" };
   var myPlaylist = new jPlayerPlaylist(cssSelector, [], options);

   $.get("xml_audio.php", {}, function (xml){
      $('Track', xml).each(function (i){
         var title = $(this).attr('title');
         var track_name = $(this).attr('track_name');

         myPlaylist.add({ 
            'title': title, 
            'mp3': 'audio/' + track_name + '.mp3', 
            'ogg': 'audio/' + track_name + '.ogg' 
         });
      });
   });
});

РЕШЕНИЕ 2

В качестве альтернативы, пожалуйста, взгляните на дополнение jPlayer Jukebox. Он основан на дополнении jPlayer Playlist, но добавляет дополнительную функциональность, такую ​​как возможность сканировать страницу на наличие медиа-ссылок и делать их воспроизводимыми. Теперь он поддерживает списки воспроизведения в формате XSPF.

Дополнение jPlayer Jukebox

Другие вопросы по тегам