企业官网建设流程全解析

3步换上新界面：foobar2000播放器皮肤 foobox-cn 快速安装与主题切换教程

【免费下载链接】foobox-cnDUI 配置 for foobar2000项目地址: https://gitcode.com/GitHub_Trending/fo/foobox-cn

foobox-cn 是 foobar2000 的一套 DUI 播放器皮肤配置。装上后播放列表、封面、歌词、简介面板一应俱全，它只动界面这一层，不碰音频链路，音质和默认界面完全一致。适合不想逐个凑组件、装完就想用的用户。

装完长什么样，先看效果

先看图再决定。这是深色主题：深灰底配白字，选中项亮蓝色高亮，左侧播放列表，右侧封面和歌词。

深色主题实际效果，播放列表与封面、歌词面板三栏排开

浅色主题反过来，白底深灰字，选中项用深绿色标记，配色部分细说。

foobox 安装：先核对三样，再装三步

动手前先过一遍前置条件：

• 系统版本：Windows 10 1607 及以上
• 播放器版本：foobar2000 v1.5 以上（x86），或 v2.0 以上（x86/x64）
• 界面语言：foobox 中文版基于 Asion 的 foobar2000 汉化版，英文界面上跑 DUI 配置，部分面板中文会显示不全

然后按顺序装：

1. 从项目 Releases 页面下载最新安装包。里面只有 foobox 皮肤和所需 JS 组件，foobar2000 本体要你自己先装好
2. 运行安装包，按提示装完。绿色安装，不写注册表，哪天不想要了，删掉安装目录就干净
3. 打开 foobar2000，新界面已经在了

想要视频面板的话，另有 foobox-video 版本可下，但官方不推荐拿 fb2k 当日常视频播放器，看个 MV 可以。

切换布局：快速设置里挑组合

打开 foobar2000，走：主菜单→视图→布局→快速设置。弹出"快速外观设置"窗口，左侧挑主窗口布局组合，右侧挑配色：

快速设置窗口：左侧布局组合，右侧配色

列表里常见的几档：

• foobox + 简介：右侧多一块艺术家简介面板，适合爱查资料的人
• foobox + 简介 + 视频：在上一档基础上再加视频区
• foobox - 无附加面板：只留播放列表和播放，一屏最干净

选完按确定，布局立即生效，不用重启播放器。用不惯就回这个窗口选 Default UI 还原，各套布局配置独立，互不覆盖。

深浅两色：同一套面板，两种颜色

浅色主题就是这张图的样子：

浅色主题实际效果，白底深灰字，中文曲库显示清楚

白底深灰字，选中项深绿色标记，白天挂在办公桌上不扎眼，中文歌名也看得清。深色主题就是文首那张，深灰底白字，夜里戴耳机听不晃眼。

深浅只是两套配色方案，底下的面板是同一套。所以来回切换，你整理好的播放列表和快捷键都原样保留。

进阶改法：两个文件动手改

手动换界面颜色

界面颜色集中在 common.js 里。文件开头有RGB和RGBA两个函数，背景、文字、高亮都从它们派生。想改成自己的配色，打开文件找到对应变量，把数值换掉：

var c_black = RGB(0, 0, 0);

按RGB(28, 28, 32)这种格式写就行。保存后回播放器重新加载皮肤，改动立刻生效。文件顶部还有一行commoncfg串，控制播放列表显示模式，一般不用动；改坏了把那行恢复原值即可。播放列表的列宽、显示列这些细项在 jsplaylist.js 里调。

给流派补图标

foobox 自带流派图标，Rock、CPop、Jazz、EDM 各有专属图：

CPop 华语流行流派图标

曲目上能不能显示出图标，看的是 Genre.js 里的映射表：曲目流派标签对得上表里的名字，图标才出来。这张表就是标签名对图标名的简单对照，"华语流行"和"C-POP"都指向 CPop 图标，"动漫""游戏""Anime" 都归 ACG。你的库里有对不上的流派，往表里补一行对应关系就行。图标文件本身在Genre/目录下，只收 jpg 格式。

常用信息速查

显示异常、想要新功能，开个 issue 说清楚你看到的现象即可。愿意再深入的话，面板都是独立的 JS 脚本，想加自己的面板，照着现有写法来。

【免费下载链接】foobox-cnDUI 配置 for foobar2000项目地址: https://gitcode.com/GitHub_Trending/fo/foobox-cn