完整修复 PIX 主题音乐接口并新增一次性发布多首歌曲功能

2025 年 10 月 31 日 852

技术相关

本文是《技术相关（共 65 篇）》目录的第 63 篇。阅读本文前，建议先阅读本文前 3 篇文章：

大概半个月之前，经过 10 多天的努力，借鉴网上各路大神的代码，终于拼凑并修复 PIX 主题音乐接口的 BUG，并由自带主题的 1.5.11 版本自定义为 1.6.0 版本。 PIX 主题音乐接口是依托 Github 的 metowolf 大神制作而成，好巧不巧，刚才浏览时发现他也更新到了 1.6.0 版本，但是内容发生了很大变化，大家可以膜拜一下。

修复后的接口已经可以正常播放 4 个音乐平台的免费歌曲，并且新增了一次性发布多首歌曲的功能，且先后顺序在发布时可以随意拖动调整，并且为了加以区分，我在前台增加了来源自动显示。如果歌曲播放不出来，若平台官方 API 没有发生变化，只有如下两种可能：歌曲下架或者歌曲为会员 VIP 类型。各平台拥有各自歌曲的知识产权，个人认为可以偶尔引用免费歌曲聆听一下无伤大雅，但切勿使用变成一个音乐网站，尤其是不要对收费 VIP 歌曲进行侵权。

改造开始：

1 、修改 pix/inc/pix-type.php 文件，支持一次性发布多首歌曲。找到

//音乐编辑

function audio_type_box(){

从这里开始至视频模块上方，把所有的音乐代码修改成如下：

温馨提示: 此处为隐藏内容，需要评论本文后才能查看.
评论后请刷新一次页面，但注意不要清除缓存，否则还需要再次评论！

2 、修改 pix/inc/assets/js/app.js，找到 function get_audio_data(){ 函数，替换如下：

温馨提示: 此处为隐藏内容，需要评论本文后才能查看.
评论后请刷新一次页面，但注意不要清除缓存，否则还需要再次评论！

找到 function get_moment_error(type){函数，替换为：

温馨提示: 此处为隐藏内容，需要评论本文后才能查看.
评论后请刷新一次页面，但注意不要清除缓存，否则还需要再次评论！

3 、修改 pix/inc/pix-meting.php 、 pix/inc/pix-music.php 、 pix/action/rewrite-musicapi.php 、 pix/inc/lib/music-api.php 、 pix/inc/assets/js/pixplayer.js 、 pix/style.css，新增 pix/inc/assets/js/pixlyrics.js 。由于改动实在太多，不再详细叙述修改细节，只提供打包文件。

温馨提示: 此处为隐藏内容，需要评论本文后才能查看.
评论后请刷新一次页面，但注意不要清除缓存，否则还需要再次评论！

大功告成！

您已阅读完《技术相关（共 65 篇）》目录的第 63 篇。请继续阅读本文后 3 篇文章：

阅读本目录下更多其它文章

历史上本站今天曾发布的文章:

2023: PIX 主题文章嵌入回复可见功能（站长直接可见无需回复）(4)

Comments | 41 条评论

点击填写昵称和邮箱，方可发布评论

*邮箱和昵称必须填写

发疯
· 2025 年 11 月 16 日

Google Chrome 134 Windows 10 中国中国移动 2409:8a55:d746:2f70:*:*
回复看看
靓仔
· 2025 年 11 月 14 日

Google Chrome 134 Windows 10 中国中国移动 2409:8a55:d742:b230:*:*
重新再次测试酷狗好了，对了想问下大佬的 QQ 音乐是需要填什么值
- 似水流年
  · 2025 年 11 月 14 日
  
  Microsoft Edge 142 Windows 10 中国中国联通 2408:8220:5f12:6d50:*:*
  就是网址的那个值，songDetail/XXXXXX 这个。
2368791@qq.com
· 2025 年 11 月 12 日

Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d742:b230:*:*
大佬，我新环境测试了下网易云跟酷我是没问题的，但是 QQ 音乐跟酷狗没办法，酷狗点击发布之后有显示播放器样式但是无法获取到歌曲播放，QQ 音乐是连播放器都无法识别出来，还有什么补充的方案吗？
- 似水流年
  · 2025 年 11 月 12 日
  
  IBrowse r Android 12 中国–河南–濮阳移动 39.144.*.*
  我现在没时间弄。一个是你要看看这个歌曲是不是收费或者 VIP，这种是播放不出来的。二是酷狗不能填写网页上那个 ID，需要右键查看源代码，前几行有一个 hash，后面是他的值，要填那个值。
2368791@qq.com
· 2025 年 11 月 12 日

Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d742:b230:*:*
大佬，我新环境测试了下网易云跟酷我是没问题的，但是 QQ 音乐跟酷狗没办法，酷狗点击发布之后有显示播放器样式但是无法获取到歌曲播放，QQ 音乐是连播放器都无法识别出来，还有什么补偿的方案吗？
2368791@qq.com
· 2025 年 11 月 4 日

Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
回复看看
kiss
· 2025 年 11 月 4 日

Microsoft Edge 142 Windows 10 中国–上海–上海电信 61.169.*.*
厉害了功能越来越全了，博主下一个准备折腾哪块内容呢
- 似水流年
  · 2025 年 11 月 4 日
  
  Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f15:b890:*:*
  网站暂时没啥了，目前给自己工作写一个小玩意儿。
李的日志
· 2025 年 11 月 1 日

Mozilla Compatible iPhone iOS 18.0 中国–广东广电网 240a:42c7:a801:f62:*:*
这整的越来越完美了。我发现凌晨的夜访问你的博客速度就是快，白天都加载很久才能进来哈哈
- 似水流年
  · 2025 年 11 月 1 日
  
  IBrowse r Android 12 中国–河南–漯河电信 222.89.*.*
  可能是服务器在国外，咱们晚上是他们白天的缘故。
彬红茶
· 2025 年 11 月 1 日

Google Chrome 116 Windows 10 中国中国电信 240e:3ba:ca0:2841:*:*
哇瑟真是越来越好了！不要太拼命了😊
- 似水流年
  · 2025 年 11 月 1 日
  
  IBrowse r Android 12 中国–河南–漯河电信 222.89.*.*
  谢谢，这一段没有太多时间弄网站。。
ymz316
· 2025 年 11 月 1 日

Firefox 140 GNU/Linux 中国中国电信 240e:385:da08:3300:*:*
已完全沉醉在网站打造中了，注意休息啊。
全局变量
· 2025 年 10 月 31 日

Google Chrome 132 Windows 10 中国–湖南–岳阳–平江县联通 110.52.*.*
啥时候也上了 ai 摘要
- 似水流年
  · 2025 年 10 月 31 日
  
  IBrowse r Android 12 中国中国联通 2408:8220:5f11:f370:*:*
  我装的 wpopt 插件升级了，这次更新新增了 AI 摘要。
obaby
· 2025 年 10 月 31 日

Google Chrome 134 Mac OS X 10.15 中国中国联通 2408:8417:d10:1e53:*:*
nice, 不过我没在网站上加音乐。折腾万岁。
- 似水流年
  · 2025 年 10 月 31 日
  
  IBrowse r Android 12 中国中国联通 2408:8220:5f11:f370:*:*
  很想和你一样写生活文章，但是实在没有可写的地方。
靓仔
· 2025 年 10 月 31 日

Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d747:bc70:*:*
大佬全部替换完跟修改了还是没效果
- 似水流年
  · 2025 年 10 月 31 日
  
  IBrowse r Android 12 中国中国联通 2408:8220:5f11:f370:*:*
  缓存啥的清理一遍试试。
  - 靓仔
    · 2025 年 10 月 31 日
    
    Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d747:bc70:*:*
    清理过了还是一样，发布后连播放器样式都没有只显示片刻的文字
    - 似水流年
      · 2025 年 10 月 31 日
      
      Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f11:f370:*:*
      忘记还有样式了，已经更新压缩包了。
      - 靓仔
        · 2025 年 10 月 31 日
        
        Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d747:bc70:*:*
        新加的文件是放在哪呢？
        
        似水流年
        · 2025 年 10 月 31 日
        
        Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f11:f370:*:*
        文章内容我也更新了，pix/style.css 。
        
        靓仔
        · 2025 年 10 月 31 日
        
        Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d747:bc70:*:*
        https://twt.tf/ 同步修改了还是一样不显示😭
        
        似水流年
        · 2025 年 10 月 31 日
        
        Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f11:f370:*:*
        我看你后台音乐设置。
        
        靓仔
        · 2025 年 10 月 31 日
        
        Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d747:bc70:*:*
        主题里的音乐设置吗？我里面没设置有 api 接口，修改上述文件还需要填写音乐 API 地址那些吗？没修改之前都不需要通过这个 api 就可以获取网易云音乐的
        
        似水流年
        · 2025 年 10 月 31 日
        
        Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f11:f370:*:*
        压缩包里的代码，不要改成自己的域名，只能使用 abohe.cn 获取。
        
        似水流年
        · 2025 年 10 月 31 日
        
        Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f11:f370:*:*
        如果你曾经在后台扩展的 HTML 底部添加了歌词可视化，用我的就删除掉这个文章里后台扩展的代码，更换成 [script src="https://你的域名/wp-content/themes/pix/inc/assets/js/pixlyrics.js"][/script]（前后 [] 更换成<>）。另外你后台把网站样式改成三栏试试。
        
        靓仔
        · 2025 年 11 月 1 日
        
        Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
        ）。另外你后台把网站样式改成三栏试试。; pos: top" href="#comment-3012"> 有单栏的改法吗这个主题单栏的设置也改了很多文件美化
        
        ）。另外你后台把网站样式改成三栏试试。; pos: top" href="#comment-3012">
        
        靓仔
        · 2025 年 11 月 1 日
        
        Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
        ）。另外你后台把网站样式改成三栏试试。; pos: top" href="#comment-3012"> 后台添加了然后改了三栏模式也是没办法获取，只有网易云音乐才会播放器样式出现，但是网易云点击播放又无法播放不知道怎么回事
        
        ）。另外你后台把网站样式改成三栏试试。; pos: top" href="#comment-3012">
        
        似水流年
        · 2025 年 11 月 1 日
        
        IBrowse r Android 12 中国–河南–漯河电信 222.89.*.*
        我没有试过单栏的，我的所有修改都是基于三栏修改的。
        
        2368791@qq.com
        · 2025 年 11 月 4 日
        
        Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
        大佬，我本地搭建在没更改过任何文件情况下替换上述的文件也是没效果，网易云无法播放，是不是有什么文件弄错了
        
        似水流年
        · 2025 年 11 月 4 日
        
        Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f15:b890:*:*
        代码更新了，新增第 2 个 app.js 漏掉了，再试试。
        
        2368791@qq.com
        · 2025 年 11 月 4 日
        
        Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
        还是没有效果😭
        
        似水流年
        · 2025 年 11 月 4 日
        
        Microsoft Edge 141 Windows 10 中国中国联通 2408:8220:5f15:b890:*:*
        你使用酷我音乐填入这个 499610341 试试看能显示不能。
        
        2368791@qq.com
        · 2025 年 11 月 4 日
        
        Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
        跟网易云效果一样只有个播放器样式但是点击播放播不了，而且点击添加歌曲也没效果
        
        似水流年
        · 2025 年 11 月 4 日
        
        IBrowse r Android 12 中国中国联通 2408:8220:5f15:b890:*:*
        我提供的文件，你是直接覆盖了还是修改了一些内容？
        
        2368791@qq.com
        · 2025 年 11 月 4 日
        
        Microsoft Edge 142 Windows 10 中国中国移动 2409:8a55:d745:e230:*:*
        直接覆盖的，没改任何东西，只根据上面帖子修改了 app.js 跟 pix-type.php 这两个文件是手动改的，其他压缩包里面的文件是直接覆盖原文件的
        
        似水流年
        · 2025 年 11 月 5 日
        
        Microsoft Edge 142 Windows 10 中国中国联通 2408:8220:5f15:f920:*:*
        我能想到的改动的文件就这么多了，如果是这样，就看你后台配置了，登录 4 个平台后，把后台中所有的 cookies 都更新一下看看。
靓仔
· 2025 年 10 月 31 日

Google Chrome 128 Windows 10 中国中国移动 2409:8a55:d747:bc70:*:*
感谢大佬分享🌹🌹

标签

完整修复 PIX 主题音乐接口并新增一次性发布多首歌曲功能

历史上本站今天曾发布的文章:

加载中..