老雷PHP全栈开发教程之开发音乐播放器

audio

<audio controls src="a.mp3"></audio>

js

var audio=new Audio();

audio.src="a.mp3";

#事件

oncanplay

ontimeupdate

onended

#方法

play

pause

#属性

src

volume

currentTime

loop

课后练习

完善音乐播放器

1.歌词没有对应上我们的播放时间，给歌词增加效果

歌词先做好 按时间 每一行设定好时间

[{

content:

stime,

etime

}]

<div clas="active">歌词</div>

function up(){

atime;

}

2.我们需要设置多种播放模式，循环播放,单曲循环，随机播放

palyModel=1;

random audioIndex