听歌网站搭建

之前简单做了一个 Web 端听歌项目,但是缺乏了一些功能不太满意
今天在 GitHub 上无意中找到一个不错的这类项目,我在原有功能上增加了灰色歌曲解锁功能,也就是说可以在线听所有付费和无版权歌曲。

个人体验下来很舒适,完全可以平替某音乐 app 的基本功能。

在此分享给有需要的佬友。

觉得不错可以点个赞,谢谢各位佬啦
避免第三方搜索滥用,解锁灰色歌曲功能只在登录后生效(扫码登录可用)

我用的这套配置 SPlayer+ NeteaseCloudMusicApi + UnblockNeteaseMusic

两个问题:

问题 1:

跨域问题

解决:

安装 CORS 浏览器扩展,如 CORS Unblock 或者 Allow CORS: Access-Control-Allow-Origin,
然后右键扩展图标 ——》【可读取和更改网站数据】——》选择设置只应用于音乐网站即可

问题 2:

解析后得到的音乐链接的 SSL 证书问题

比如:解析得到的音乐链接是 http,但由于音乐网站是 https,但由于浏览器为了安全会默认禁止混合内容(Mix Content),简单来说是禁止 https 网站内发起 http 请求,所以会将 http 请求变为 https 请求,最终会由于音乐链接的 SSL 证书问题导致播放失败

解决:

法一:暴力解决(不推荐,这个会应用于所有的网站,不安全)
浏览器快捷方式的属性添加
–ignore-certificate-errors

法二(推荐):
步骤 1
如果出现播放不了的歌曲,F12 打开控制台,控制台会打印播放错误的链接(红色),如 “https://…”,如果没有看到打印,那先点击能播放的歌曲,再来点击播放刚刚播放不了的歌曲(如果点击不了就刷新页面再来点击),等一会,就可以看到红色的错误信息

image
image
1458×73 22.5 KB
步骤 2

image
image
1310×627 110 KB

在错误链接上右键,选择【在新标签页中打开】
(可能浏览器不同,那就选择复制链接,手动在新标签页中打开即可)
步骤 3

image
image
1268×833 46 KB

点击
image
image
1237×1078 67.8 KB
完成,自此之后,该域名(图中是 rc.sycdn.kuwo.cn)的所有歌曲都可以正常播放了!

【注意】
sycdn.kuwo.cn 不只有 rc.sycdn.kuwo.cn 这个子域名,还有如 lw.sycdn.kuwo.cn 等等很多

对于每个子域名,都需要以上点击操作,放心,也没几个