jaudio实现一个简洁带列表音乐播放器效果代码
代码语言:html
所属分类:多媒体
代码描述:jaudio实现一个简洁带列表音乐播放器效果代码,可显示进度、曲目封面等其他信息。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jaudio.css"> </head> <body> <div class='jAudio--player'> <audio></audio> <div class='jAudio--ui'> <div class='jAudio--thumb'></div> <div class='jAudio--status-bar'> <div class='jAudio--details'></div> <div class='jAudio--volume-bar'></div> <div class='jAudio--progress-bar'> <div class='jAudio--progress-bar-wrapper'> <div class='jAudio--progress-bar-played'> <span class='jAudio--progress-bar-pointer'></span> </div> </div> </div> <div class='jAudio--time'> <span class='jAudio--time-elapsed'>00:00</span> <span class='jAudio--time-total'>00:00</span> </div> </div> </div> <div class='jAudio--playlist'> </div> <div class='jAudio--controls'> <ul> <li><button class='btn' data-action='prev' id='btn-prev'><span></span></button></li> <li><button class='btn' data-action='play' id='bt.........完整代码请登录后点击上方下载按钮下载查看
网友评论0