[audio]音乐播放器 带封面、带歌词、带歌单的最最最简易方法
<br /><br />看见@9527在找这个 东西 总结一下最最最简单的套用方法<br />优点：不用改代码 不用上传文件到本地 主要是好看<br />缺点：只支持 内个云的 地址或ID <br /><br />下面看图吧<br /><img title="QQ拼音截图20231123232104.png" id="aimg_26504" aid="26504" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202311/23/235731eilsmkykcg9syskm.png" src="https://www.dismall.com/data/attachment/forum/202311/23/235731eilsmkykcg9syskm.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /> <br /><img title="QQ拼音截图20231123232639.png" id="aimg_26506" aid="26506" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202311/23/235731bkq18qq58033311k.png" src="https://www.dismall.com/data/attachment/forum/202311/23/235731bkq18qq58033311k.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="590" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br /><img title="QQ拼音截图20231123232332.png" id="aimg_26505" aid="26505" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202311/23/235731rkw0vf1v0ep0o0ey.png" src="https://www.dismall.com/data/attachment/forum/202311/23/235731rkw0vf1v0ep0o0ey.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br /><strong>API</strong>optiondefaultdescription<br />id (编号)<strong>require</strong>song id / playlist id / album id / search keyword<br />server (平台)<strong>require</strong>music platform: netease, tencent, kugou, xiami, baidu<br />type (类型)<strong>require</strong>song, playlist, album, search, artist<br />auto (支持种类)optionsmusic link, support: netease, tencent, xiami<br />fixed (固定底部模式)falseenable fixed mode<br />mini (模式)falseenable mini mode<br />autoplay (自动播放)falseaudio autoplay<br />theme (主题颜色)#2980b9main color<br />loop (循环播放)allplayer loop play, values: ‘all’, ‘one’, ‘none’<br />order (顺序)listplayer play order, values: ‘list’, ‘random’<br />preload (加载)autovalues: ‘none’, ‘metadata’, ‘auto’<br />volume (声量)0.7default volume, notice that player will remember user setting, default volume will not work after user set volume themselves<br />mutex (限制)trueprevent to play multiple player at the same time, pause other players when this player start play<br />lrc-type (歌词)0lyric type<br />list-folded (列表折叠)falseindicate whether list should folded at first<br />list-max-height (最大高度)340pxlist max height<br />storage-name (存储名称)metingjslocalStorage key that store player setting选项默认描述<br />id<strong>要求</strong>歌曲ID/播放列表ID/专辑ID/搜索关键字<br />server<strong>要求</strong>音乐平台：netease, tencent, kugou, xiami,baidu<br />type<strong>要求</strong>song, playlist, album, search, artist<br />auto选项音乐链接，支持：netease,tencent``xiami<br />fixedfalse启用固定模式<br />minifalse开启迷你模式<br />autoplayfalse音频自动播放<br />theme#2980b9主色<br />loopall播放器循环播放，值：‘all’、‘one’、‘none’<br />orderlist播放器播放顺序，值：‘list’，‘random’<br />preloadauto值：“无”、“元数据”、“自动”<br />volume0.7默认音量，注意播放器会记住用户设置，用户自己设置音量后默认音量将失效<br />mutextrue防止同时播放多个播放器，当该播放器开始播放时暂停其他播放器<br />lrc-type0抒情类型<br />list-foldedfalse指示列表是否应首先折叠<br />list-max-height340px音乐列表最大高度<br />storage-namemetingjs存储播放器设置的 localStorage 键<br /><strong><font color="#333333"><font style="background-color:rgb(255, 255, 255)"><font face="Tahoma, &quot"><font style="font-size:14px"></font></font></font></font><br /></strong><br />最最<em>, </em>方法<em>, </em>不用<em>, </em>本帖<em>, </em>最后 好东西，学习了。 顶楼主啦..希望楼主多发精品好帖啦..... 搞起了，不得不说，楼主是真厉害 <br />一贯宗旨 就是 简单 好用 不花钱 <br />我还专门做了一个教程，让网友也会发<br />https://www.zhaoqj.cn/fu/492/1/1.html<br /><br /> 正好需要，感谢楼主。 66666啊这个 这个看看。好使不。 谢谢分享。
頁:
[1]