php中循环播放怎么写,javascript - 音乐播放器这里的循环播放怎么写

jQuery(document).ready(function() {

// inner variables

var song;

var tracker = $('.tracker');

var volume = $('.volume');

function initAudio(elem) {

var url = elem.attr('audiourl');

var title = elem.text();

var cover = elem.attr('cover');

var artist = elem.attr('artist');

$('.player .title').text(title);

$('.player .artist').text(artist);

$('.player .cover').css('background-image','url('+cover+')');;

song = new Audio(url);

// timeupdate event listener

song.addEventListener('timeupdate',function (){

var curtime = parseInt(song.currentTime, 10);

tracker.slider('value', curtime);

});

$('.playlist li').removeClass('active');

elem.addClass('active');

}

function playAudio() {

song.play();

tracker.slider("option", "max", song.duration);

$('.play').addClass('hidden');

$('.pause').addClass('visible');

}

function stopAudio() {

song.pause();

$('.play').removeClass('hidden');

$('.pause').removeClass('visible');

}

// play click

$('.play').click(function (e) {

e.preventDefault();

playAudio();

});

// pause click

$('.pause').click(function (e) {

e.preventDefault();

stopAudio();

});

// forward click

$('.fwd').click(function (e) {

e.preventDefault();

stopAudio();

var next = $('.playlist li.active').next();

if (next.length == 0) {

next = $('.playlist li:first-child');

}

initAudio(next);

playAudio();

});

// rewind click

$('.rew').click(function (e) {

e.preventDefault();

stopAudio();

var prev = $('.playlist li.active').prev();

if (prev.length == 0) {

prev = $('.playlist li:last-child');

}

initAudio(prev);

playAudio();

});

// show playlist

$('.pl').click(function (e) {

e.preventDefault();

$('.playlist').fadeIn(300);

});

// playlist elements - click

$('.playlist li').click(function () {

stopAudio();

initAudio($(this));

playAudio();

});

// initialization - first element in playlist

initAudio($('.playlist li:first-child'));

// set volume

song.volume = 0.8;

// initialize the volume slider

volume.slider({

range: 'min',

min: 1,

max: 100,

value: 80,

start: function(event,ui) {},

slide: function(event, ui) {

song.volume = ui.value / 100;

},

stop: function(event,ui) {},

});

// empty tracker slider

tracker.slider({

range: 'min',

min: 0, max: 10,

start: function(event,ui) {},

slide: function(event, ui) {

song.currentTime = ui.value;

},

stop: function(event,ui) {}

});

playAudio();

});

html代码,是ul下面包30个li li是歌曲

2525fa145aad656f767196d25232bf01.png

然后我怎么在在最后最后一首歌放完以后 从1循环?

因为我获取不到最后一首歌的时间。。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值