html5 mp3播放器源码,HTML5音频(自定义mp3播放器源码)
*{margin:0;padding:0;list-style:none;}.outerNode{width:505px;height:406px;position:absolute;left:50%;top:50%;margin:-204px 0 0 -253.5px;border:1px solid #a6a18d;border-radius:8px;box-shadow:0 0 16px #
*{margin:0;padding:0;list-style:none;}.outerNode{width:505px;height:406px;position:absolute;left:50%;top:50%;margin:-204px 0 0 -253.5px;border:1px solid #a6a18d;border-radius:8px;box-shadow:0 0 16px #a6a18d; }.innerNode{width:503px;height:405px;border-top:1px solid #e1d1b9;border-left:1px solid #ceccbf;border-radius:8px;overflow:hidden;border-right:1px solid #ceccbf; }.topNode{width:100%;height:198px;border-bottom:1px solid #787463;background:url(music/pic/fmt01.jpg) center center;background-size:cover;transition:.7s;position:relative;}.lineNode{width:100%;height:46px;border-top:1px solid #f9f7ee;border-bottom:1px solid #a29d8a;background:url(musicimage/linebg.jpg) repeat-x;
}.progressNode{width:440px;height:18px;float:left;margin:13px 0 0 28px;background:url(musicimage/progressbg.jpg) repeat-x;position:relative; }.progressNode .progressleft{width:7px;height:100%;position:absolute;left:0;background:url(musicimage/leftNode.jpg);
}.progressNode .progressright{width:7px;height:100%;position:absolute;right:0;background:url(musicimage/rightNode.jpg);
}.bottomNode{width:100%;height:157px;border-top:1px solid #a29d8a;background:url(musicimage/bottombg.jpg) repeat-x;position:relative;
}.lastNode{width:75px;height:74px;position:absolute;background:url(musicimage/lastBg.png) no-repeat;left:118px;top:39px;cursor:pointer;}.playNode{width:95px;height:94px;position:absolute;background:url(musicimage/playNode.png) no-repeat;left:202px;top:29px;cursor:pointer;}.nextNode{width:75px;height:74px;background:url(musicimage/rightbg.png) no-repeat;position:absolute;left:306px;top:39px;cursor:pointer;}.volumeNode{width:37px;height:32px;background:url(musicimage/volume.png) no-repeat;position:absolute;right:43px;top:58px;cursor:pointer;}.no_volumeNode{width:37px;height:32px;background:url(musicimage/no_volume.png) no-repeat;position:absolute;right:43px;top:58px;cursor:pointer;}.trueLine{position:absolute;left:3px;top:2px;height:12px;width:0%;background:url(musicimage/green_bg.png) repeat-x;border-radius:6px;border-right:1px solid #787463;
}.musicName{color:white;position:absolute;bottom:2px;left:5px;}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)