之前给大家免费分享了
升级版WordPress悬浮音乐播放器
暂停播放状态下，头像是正方形的，点击播放后，头像变成圆形的，自动旋转
支持随机播放、列表循环和单曲循环播放，支持播放列表，支持固定在页面底部
支持鼠标离开播放器5秒后自动折叠变成迷你播放器悬浮展示在页面右下角
深度融合B2主题
将音乐图标插入右侧跟随工具条，播放状态下音乐图标显示悦动效果，如图所示：
PC端迷你播放器悬浮展示效果
这次，给移动端也做了适配，效果和PC端一致，如图所示：
【广告位招租】联系站长合作
你会发现，除了音量调节其它都有，但是我觉得，手机就这么大点地方，没必要硬把音量塞进去，毕竟手机本身调节音量就很方便
音乐这个功能，只能是玩玩，毕竟现在版权查挺严，所以我也没打算专门做个音乐播放页面
就这么一个小播放器够了，我也只是放了几首我听过且比较喜欢的歌曲在里面让大家听听
如何实现
然后创建音乐播放器JS文件music-player.js，放到WordPress子主题的Assets/js文件夹内
默认封面占位图music-default-cover.svg，放到WordPress子主题的Assets/images文件夹内
已打包放入下载区，有需要自行下载！
如何添加歌曲
在music-player.js的defaultPlaylist中按示例添加即可
需要注意
添加歌曲后，默认播放列表指纹中的V5改成V6，以此类推，添加一次改一次，不改的话部分浏览器前端歌曲列表不刷新！
虽然是升级版，但还是无法实现毫无影响的刷新播放体验，由于不是单页面应用
只能是尽可能的减小刷新页面的短暂播放停顿，具体效果可体验本站音乐播放器！
本文标题：多端适配升级版WordPress悬浮音乐播放器，深度融合B2主题
本文链接：https://tcbdb.com/1163.html
声明：本站所有文章，如无特殊说明或标注，均为本站原创或用户投稿发布。任何个人或组织，在未征得本站或作者同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
