Magnetic Fluid PLAYER 拟磁流体 播放器
动态音乐可视化体验Magnetic Fluid（磁流体） 是一款基于 Web Audio API 与 Canvas 的高质感音乐可视化作品。它将音频频谱转化为流动的黑色磁流体形态，配合荧光草绿色的动态辉光，营造出科技感与艺术感兼具的视听体验。
无需安装任何插件，打开浏览器即可体验。支持在线曲库播放与本地音频上传，适用于音乐欣赏、视觉演示、创意展示等场景。
#核心特性
🎵 音乐可视化
- 黑色磁流体主体：实时响应低频、中频、高频能量
- 25 根动态触手：随频谱节奏伸缩，尖端带有荧光草绿色辉光
- 粒子系统：500+ 动态粒子环绕流体运动
- 背景浮游微粒：营造深邃的空间感
🎧 播放控制
- 内置 19 首原创曲目
- 支持本地音频文件上传（MP3 / M4A / WAV 等）
- 完整的播放控制：播放/暂停、上一首、下一首
- 可视化进度条与音量调节
📱 响应式设计
- 自适应桌面、平板、手机屏幕
- 环形控制界面自动缩放
- 触控友好的交互设计
⌨️ 键盘快捷键
- 空格键：播放 / 暂停
- ← / →：上一首 / 下一首
#通过AI辅助 技术实现
| 音频分析 | Web Audio API / AnalyserNode |
| 图形渲染 | HTML5 Canvas 2D |
| 频谱处理 | FFT 2048 / 平滑滤波 |
| 响应式 | Flexbox + Media Queries |
| 动画 | requestAnimationFrame |
| 字体 | Segoe UI / PingFang SC |
#使用建议
✅ 最佳体验环境
- Chrome / Edge / Firefox 最新版
- 耳机或外接音箱
- 全屏或最大化窗口
⚠️ 注意事项
- 首次播放需用户交互（浏览器自动播放策略）
- 本地文件仅在本页面生效，不上传服务器
- 移动端建议使用横屏模式获得更佳视野
#内置曲目列表
| # | 曲目 | 年份 |
|---|---|---|
| 01 | BreakBit | 2002 |
| 02 | DANCE-JAP | 2002 |
| 03 | Chanindin Rap | 2003 |
| 04 | 眼操保健 | 2003 |
| 05 | Popopower | 2003 |
| 06 | SPACE2003 | 2003 |
| 07 | Star-Track | 2003 |
| 08 | CHANINDIN | 2005 |
| 09 | CYBER碰壁 | 2005 |
| 10 | 吉祥社 | 2005 |
| 11 | 葫芦7娃 | 2005 |
| 12 | Pixeltoys | 2005 |
| 13 | 严肃玩游戏 | 2005 |
| 14 | 功夫庙思 | 2005 |
| 15 | Catwalker | 2006 |
| 16 | Game Runner | 2006 |
| 17 | Cyborg-Factory | 2010 |
| 18 | Cold Rain | 2014 |
| 19 | UFO | 2015 |
关于 X2-RECORD
X2R 专注于多方面的创作，融合音乐、视觉与交互技术，打造独特的沉浸式体验。本作品为 X2R 音乐创作系列X2-RECORD，持续更新中。
