JQuery загрузчик не работает

Question

Я использовал Jplayer на своем сайте, чтобы играть песни онлайн. Ниже я упомянул ссылку моего сайта

Q-Asar Music Productions

Это работает отлично подходит для небольших песен, потому что это не займет слишком много времени для загрузки, но и для песен, которые больше по размеру и занимают много времени для загрузки, в в этом случае обычно требуется очень много времени, чтобы загрузить эту конкретную песню, и для этого нет загрузчика.

Я просто хочу реализовать загрузчик, чтобы показать пользователю, что песня загружается и когда-нибудь будет воспроизводиться. На данный момент кажется, что ничего не происходит, когда я нажимаю кнопку воспроизведения.

Answer 1

Их нет «загрузчика» в jPlayer. Используйте события loadstart, чтобы загрузить пользовательский счетчик или что-то еще, а затем удалите счетчик в loadedmetadata или loadeddata, в зависимости от того, что вам подходит.

play: function() { 

     jQuery('.trak-item.active').addClass('playing'); 

     jQuery('.trak-item.active').find('audio').attr('data-state','play'); 

     jQuery('.jp-jplayer').attr('data-state','play'); 

    }, 
    pause: function() { 

     jQuery('.trak-item.active').removeClass('playing'); 

     jQuery('.trak-item.active').find('audio').attr('data-state','pause'); 

     jQuery('.jp-jplayer').attr('data-state','pause'); 

    }, 
loadstart: function() { 
    //start spinner here 
}, 
loadeddata: function() { 
    //stop spinner here 
}