企业官网建设流程全解析

foobar2000 界面太素?三步装好 foobox 完整 DUI 皮肤

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

foobox 是一套面向 foobar2000 的 DUI 皮肤配置,基于 JSplitter 分栏布局,把播放列表管理、封面浏览、歌词、频谱整合为一组开箱即用的界面方案,适合觉得默认 UI 单调、又不想写代码改造播放器界面的用户。

皮肤包包含什么:组件依赖与系统要求

foobox 本身不是独立播放器,而是"DUI 配置 + 配套组件"的组合包。装上之后你能得到:可平滑滚动的播放列表管理器、封面浏览面板、内置搜索框、歌词显示与频谱可视化。

它的底层依赖可以理出四层关系:

• 布局骨架:基于 Spider Monkey Panel 的 JSplitter 分栏组件,配合 openhacks_mod 扩展;
• 歌词与可视化:ESLyric 歌词组件、foo_enhanced_spectrum_analyzer 频谱分析器;
• 改造部件:播放列表管理器(原作者 br3tt,汉化 always_beta)、封面面板(原作者 Jensen)、搜索框(原作者 Asion)、Biography 艺术家简介面板(原作者 Wil-B)。

系统门槛不高:Windows 10 1607 及以上,foobar2000 v1.5+ (x86) 或 v2.0+ (x86 / x64)。需要留意的是,foobox 中文版配套 Asion 制作的 foobar2000 汉化版,但安装包里不含 foobar2000 本体。

安装 foobox 并切换界面布局

最短路径是:从项目 Releases 页下载对应安装包运行。安装包只含 foobox 主题和所需组件,采用绿色安装,不需要卸载程序。

装好后不需要逐个面板摆设置。打开 foobar2000 的"主菜单 → 视图 → 布局 → 快速设置",即可在 foobox 自带的多种布局组合之间切换,这是日常最常用的入口。

如果想看源码细节,直接克隆仓库即可:

# 克隆 foobox 仓库到本地 git clone https://gitcode.com/GitHub_Trending/fo/foobox-cn cd foobox-cn

作者还提供过可选的视频面板 foobox-video,但不建议用 foobar2000 播放视频,确有需求再考虑。

目录结构速览:哪个文件对应哪个面板

核心代码集中在script/目录,两个子目录分工明确:

• script/js_common/放公共库:JScommon.js与JScomponents.js提供通用工具和 UI 部件,splitterh.js/splitterv.js负责横竖分栏,Genre.js存放流派名映射;
• script/js_panels/放具体面板:jsspm.js是播放列表管理器(近 2000 行),search.js是搜索框,infoArt.js是封面面板,jsview_multiplaylist.js是多播放列表视图;
• biography/是独立的 Biography 面板,以main.js为入口,scripts/下按模块拆分逻辑。

以script/js_panels/search.js为例,搜索框的行为参数都通过window.GetProperty从 foobar2000 配置读取,默认值写在代码里:

ppts = { source: window.GetProperty("Search Source", 1), // 搜索来源 autosearch: window.GetProperty("Search Box: Auto-validation", false), // 自动验证 scope: window.GetProperty("Search Box: Scope", 0), // 搜索范围 multiple: window.GetProperty("Search Box: Keep Playlist", true) // 保留原播放列表 };

也就是说,这些行为在 foobar2000 的配置界面里就能调整,不用碰脚本文件。

外观参数与流派映射怎么理解

播放列表管理器的行高、滚动步长来自jsspm.js中的commoncfg字符串:commoncfg[1]是默认行高,commoncfg[2]是滚动步长,另有平滑度与刷新率参数。新建播放列表的默认排序顺序为"专辑 | 碟片 | 音轨 | 标题"四个字段,电台列表则读取 foobar2000 目录下foobox\config\radio.list文件。

流派映射是一个小而容易忽略的细节。Genre/目录按流派存放缩略图(仅支持 jpg 格式),中文流派名经[Genre.js](https://link.gitcode.com/i/cffd916f52a87d17e5a89ae93137044f)的GetGenre函数映射到对应英文文件名:

// 中文流派名到 Genre 目录文件名的映射表 GenrePack = { "流行": "Pop", "华语流行": "CPop", "摇滚": "Rock", "说唱": "Rap", "爵士": "Jazz" }

查不到映射时GetGenre会退回返回原始名称,不会中断界面渲染,这类防御式写法在script/js_common/里很常见,值得留意。

延伸方向

想继续深入,可以从两条路走:一是用可选的 foobox-video 面板扩展布局,二是参照script/js_common/的部件库与script/js_panels/的面板写法,理解 foobar2000 的 JS 脚本机制。

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