网站页面增加音乐模块

效果

白天

黑夜

侧边栏小工具

后台界面

功能亮点

• 高度自定义： 支持自定义音乐播放器模态框的宽度、高度，以及背景图片（可使用默认或自定义图片）。
• 多音源支持： 支持本地音乐和网易云音乐源。网易云音乐源只需配置歌单ID和Cookie即可使用。
• 便捷控制： 新增音乐播放侧边小工具，与主播放器同步，方便快捷地控制音乐播放。
• 连续播放：页面操作，进入退出页面等不会导致音乐播放暂停。

修复bug及优化

• 修复新页面加载慢bug：网页打开时会加载第一首音乐，拖慢了网页第一次的打开时的速度，不是所有用户都要听歌，但是默认加载第一首音乐资源及图片资源等，会拖慢网页速度。修复后不会加载任何音乐资源，对你的网站没有任何性能影响。
• 修复音乐错误回到第一首bug： 点文章或者切换页面时歌曲自动回到了第一首，现已修复。
• 修复浏览器多标签时全都播放bug： 浏览器中多个网页标签，有一个在播放时，点击另外一个也开始播放音乐了，太吵了，非常影响体验，现已修复。
• 优化侧边栏小工具图片显示问题： 首次加载网页时侧边栏小工具图片显示错误，如果发现不了这个问题清一下浏览器缓存试试，或者在隐私模式中打开网页。现已优化。
• 优化侧边栏小工具边框太大问题： 侧边栏小工具边框太大影响美观，现已优化。

特别说明

• 使用网易云音乐源时，首次点击音乐播放按钮打开模态框会自动请求歌曲并进行缓存。
• 支持手动刷新重新获取歌曲，避免缓存丢失。
• 可设置限制一定时间内的请求次数，防止过度请求。
• 缓存超过一定时间会自动刷新浏览器缓存，再次打开模态框时会重新请求歌曲