html制作在线视频音乐播放器,用html5制作音乐播放器,这3款就足够了!

本文介绍了使用HTML5结合jQuery制作简易音乐播放器的方法,并提供了两个不同的代码示例,包括audio标签实现的MP3播放器和使用JavaScript实现的带有上一首、下一首功能的音乐播放器。通过这些示例,可以帮助读者学习HTML5在创建在线音乐播放器方面的应用。
摘要由CSDN通过智能技术生成

用HTML5结合Jquery做一个简易版的音乐播放器

201035576_7_20200901082421787201035576_8_20200901082421943代码展示:

三生草

var sum = 1;

function ssss(a)

{

var s = document.getElementById('sd');

sum = a;

s.src = 'music/'+sum+'.mp3';

s.play();

$('#mar')[0].innerText = '当前播放:'+$('td:eq('+(sum-1)+')')[0].innerText;

s.onended = function(){

s.src = 'music/'+sum+'.mp3';

sum++;

if(sum == 15){sum = 1;}

s.play();

$('#mar')[0].innerText = '当前播放:'+$('td:eq('+(sum-1)+')')[0].innerText

}

}

function ststs(b)

{

if(b==2)

{

if($('#sse')[0].value=='播放')

{

$('#sse')[0].value='停止';

var s = document.getElementById('sd');

s.pause();

}

else

{

$('#sse')[0].value='播放';

ssss(sum);

}

}

if(b==1)

{

sum--;

if(sum==0){sum=15;}

ssss(sum);

}

if(b==3)

{

sum++;

if(sum==16){sum=1;}

ssss(sum);

}

}

我的音乐播放器

< a href='' οnclick='ssss('1')'>panda猫 - 想你.m4a a> < a href='' οnclick='ssss('2')'>Sara - 即使知道要见面.mp3 a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值