1. 项目缘起为什么选择圆形屏幕做复古收音机几年前我在一个旧货市场淘到了一台七十年代的晶体管收音机。它那温润的木质外壳、带有阻尼感的调谐旋钮以及开机时喇叭发出的那一丝轻微的“噗”声都充满了时间的质感。但它的内部早已老化中波频道里只剩下嘈杂的电流声。修复它需要更换几乎所有的电子元件这让我萌生了一个想法能不能用现代的技术去复刻甚至超越那种经典的体验同时赋予它全新的、智能化的内核这就是“Retro Style radio with CrowPanel 2.1inch round Display”这个项目的起点。这个项目的核心矛盾在于“形”与“魂”的结合。“形”是复古的外观、交互与氛围“魂”则是现代芯片的计算能力、无线连接与丰富的音频源。我最终选择了乐鑫的ESP32-S3作为主控因为它兼具Wi-Fi/蓝牙连接、足够的计算能力以及低功耗特性。而项目的点睛之笔无疑是那块CrowPi旗下的2.1英寸圆形IPS显示屏。市面上方形屏居多圆形屏天生就带有一种仪表盘、老式收音机表盘的复古美感它能瞬间将作品的视觉风格从“科技产品”拉回到“经典器物”的范畴。我打算用它来显示电台频率、歌曲信息、频谱可视化甚至是模拟老式VU表的跳动效果。所以这不仅仅是一个“能用”的网络收音机或蓝牙音箱。它是一个试图在数字时代找回模拟时代交互温度与美学共鸣的创作。接下来我会从硬件选型、结构设计、软件架构到最终调校完整分享如何将这一想法变为现实。2. 硬件核心ESP32-S3与圆形屏的选型与电路设计硬件是整个项目的骨架选型决定了项目的上限和实现的复杂度。2.1 主控芯片为什么是ESP32-S3在ESP32系列中S3型号是一个性能与性价比的甜点。相较于经典的ESP32ESP32-S3采用了Xtensa® 32位LX7双核处理器主频高达240MHz这意味着它有更充裕的算力来处理音频解码、网络协议以及驱动显示屏的图形界面。对于本项目我需要同时运行以下任务音频流处理通过Wi-Fi接收网络电台流如MP3、AAC或通过蓝牙接收A2DP音频信号并进行软件解码。用户界面渲染在圆形屏上绘制复杂的UI包括抗锯齿字体、平滑动画如频谱、指针摆动。外设控制读取编码器旋钮、按键控制数字电位器音量管理TF卡上的本地音乐文件。ESP32-S3的额外PSRAM支持我选用的是8MB PSRAM的型号至关重要。UI的帧缓冲区、解码后的音频数据、网络缓冲区都需要大量内存内置的SRAM远远不够。此外S3的GPIO数量丰富可以轻松连接我计划中的所有外设。2.2 显示核心CrowPanel 2.1英寸圆形IPS屏详解这块屏的参数是240x240分辨率通过SPI接口驱动。选择它有几个关键原因物理形态圆形是复古设计的灵魂。它天然适合作为表盘、刻度盘任何方形屏都无法替代这种视觉语言。显示质量IPS屏幕提供了宽广的视角和鲜艳的色彩这对于显示专辑封面、频谱动画非常重要。驱动兼容性它通常使用ST7789V或类似的驱动芯片这与Arduino社区广泛支持的TFT_eSPI库完美兼容降低了开发门槛。接线方面除了标准的SPI引脚SCK, MOSI, MISO, CS, DC, RST还需要连接背光控制引脚。我强烈建议将背光控制连接到ESP32的一个PWM引脚上这样可以通过代码实现屏幕亮度的平滑调节例如在夜间自动调暗这能极大提升使用体验。2.3 音频子系统从数字到模拟的优雅转换音频部分是“收音机”体验的核心我采用了分层设计以保证音质。解码与处理音频解码完全由ESP32-S3软件完成。对于网络流我使用ESP32-audioI2S这个强大的库它支持MP3、AAC、WAV、FLAC等多种格式。解码后的数字音频信号通过I2S接口输出。数模转换DAC这里我没有使用ESP32内置的DAC精度和动态范围一般而是外挂了一片PCM5102A芯片。这是一款高性能的立体声DAC支持最高32-bit/384kHz信噪比高达112dB。它直接接收I2S信号输出高质量的双声道模拟音频。音量控制模拟音量控制是复古体验的关键一环。我用一个旋转编码器连接ESP32ESP32再通过I2C总线控制一颗MAX5486数字电位器。MAX5486位于PCM5102A的输出端直接衰减模拟信号。这样做的好处是音量调节是纯模拟的避免了数字音量调节可能带来的精度损失和爆音问题。编码器旋转时屏幕上的音量指示条会同步变化手感与视觉反馈统一。功率放大为了驱动一个4欧姆3瓦的全频段喇叭我选择了一颗小体积的D类功放芯片PAM8403。它效率高、发热小在5V供电下能提供足够的功率。在PCM5102A和PAM8403之间我加入了简单的RC低通滤波电路以滤除可能的高频噪声。2.4 交互与供电旋钮、按键与电源管理输入设备两个高质量的ALPS旋转编码器一个用于调谐切换电台/歌曲一个用于音量控制。编码器自带按键功能下压用于确认或开关机。此外还设置了三个实体按键模式切换网络电台/蓝牙/TF卡、预设电台、睡眠定时。电源设计采用单节18650锂电池供电通过TP4056充电管理芯片进行充电。电池电压经过一个DC-DC升压模块稳定到5V为整个系统供电。ESP32-S3可以精确监测电池电压并在屏幕上显示电量图标。完善的电源管理还包括在待机时彻底关闭功放和屏幕背光仅维持ESP32的深度睡眠以实现长达数周的待机时间。3. 结构设计与复古美学实现硬件电路是内在外壳和交互则是用户直接感知的部分。3.1 外壳建模与材料选择我使用Fusion 360进行3D建模。外壳设计需要同时考虑内部布局精确为主板、电池、喇叭、屏幕开孔预留空间并设计合理的卡扣和螺丝柱。散热在功放芯片和ESP32芯片对应的外壳位置设计隐蔽的通风槽。声学结构为喇叭设计一个具有一定容积的密闭音腔并在外壳正面开出声孔。声孔的形状我设计成了老式收音机常见的装饰性网格图案。复古元素外壳正面除了圆形屏幕两侧对称布置了调谐和音量旋钮。旋钮我特意选购了带有金属滚花边缘和中心指示线的款式。外壳表面处理我选择了胡桃木纹的贴皮或者使用哑光喷漆配合做旧水贴纸来模拟岁月感。3.2 屏幕的“镶嵌”艺术如何将一块现代屏幕完美融入复古外壳是关键。我的做法是3D打印一个与屏幕尺寸严丝合缝的内框将屏幕卡在其中。内框前方覆盖一块2.2mm厚的圆形亚克力板作为镜片。亚克力板边缘进行抛光处理。最关键的一步在亚克力板的背面靠近屏幕的一面使用静电磨砂贴膜。这层膜能产生柔光、磨砂的效果彻底消除屏幕的“像素颗粒感”让显示内容看起来像是印在纸张上或老式荧光屏一样质感瞬间提升。同时它也能掩盖屏幕在不发光时的黑色使其与深色的前面板融为一体。3.3 旋钮交互的细节打磨旋钮的阻尼感直接决定了调谐的“味道”。原装的编码器手感通常较轻。我的改进方法是更换编码器选用段落感更清晰、扭矩稍大的型号。软件去抖与加速在固件中实现精密的去抖算法。同时加入“加速滚动”逻辑当快速旋转旋钮时频率或列表滚动的速度会加快慢速旋转时则精确微调这模拟了老式收音机调谐旋钮惯性飞轮的感觉。音效反馈在转动调谐旋钮寻找电台时ESP32会通过PWM驱动一个小型蜂鸣器或直接通过音频系统发出轻微的“咔哒”声当锁定到一个有效电台时会有一个更清脆的确认音。这种多模态反馈极大地增强了沉浸感。4. 软件架构让复古设备拥有智能灵魂软件是项目的神经系统我将它分为驱动层、服务层和应用层。4.1 基础驱动与图形界面LVGL我选择LVGL作为图形库而不是更简单的TFT_eSPI直接绘图。原因在于LVGL是一个完整的嵌入式GUI框架它支持对象按钮、标签、滑块、样式、动画和事件非常适合构建复杂的交互界面。屏幕适配首先为240x240的圆形屏幕创建一个“显示缓冲区”。LVGL支持“透明色”和“圆形裁剪”我可以创建圆形的表盘、弧形的进度条。UI设计我设计了几个主要的“屏幕”主表盘中央显示当前电台频率或歌曲名外围一圈是模拟的FM刻度盘一个指针会根据频率滑动。底部是音量弧和信号强度指示。频谱可视化将音频数据做FFT变换将频谱以柱状图或点状图的形式在圆形区域内旋转显示效果非常炫酷。菜单列表用于选择网络电台预设、浏览TF卡音乐文件列表项沿着圆弧排列。动画利用LVGL的动画API为指针的移动、页面的切换、频谱的跳动添加缓动函数使所有交互都平滑流畅。4.2 音频服务与多音源管理这是软件最复杂的部分需要处理并发的音源。// 简化的状态管理逻辑 enum AudioSource { SOURCE_NONE, SOURCE_WIFI_RADIO, SOURCE_BLUETOOTH_A2DP, SOURCE_SD_CARD }; AudioSource currentSource SOURCE_NONE; A2DP_Bluetooth a2dp; // 蓝牙A2DP接收 InternetRadio radio; // 网络电台接收 SDPlayer sdPlayer; // TF卡播放 void switchToSource(AudioSource newSource) { if (currentSource ! SOURCE_NONE) { // 优雅停止当前源发送停止命令等待缓冲区清空 stopCurrentSource(); } // 配置I2S音频输出参数可能需要根据音源调整 setupI2S(); // 启动新音源 startNewSource(newSource); currentSource newSource; // 更新UI显示 updateUIForSource(newSource); }网络电台使用audioI2S库连接至网络电台流如MP3流。需要处理网络中断、缓冲、元数据歌曲名、电台名的提取与显示。我内置了多个预设如BBC、古典音乐电台等。蓝牙A2DP使用ESP32的经典蓝牙功能作为音频接收端。当手机连接后自动切换音源并在屏幕上显示“Bluetooth”和设备名称。本地播放读取TF卡上的MP3文件并解析ID3标签显示歌曲信息。实现基本的播放/暂停、上一曲/下一曲、文件夹浏览功能。注意多个音频库可能对I2S、定时器等底层资源有冲突。务必确保在同一时间只有一个音频实例在运行并在切换时进行彻底的初始化和释放否则会导致内存泄漏或硬件错误。4.3 网络服务与配置设备启动后如果未配网会进入AP模式屏幕显示一个二维码和SSID/密码。用户手机连接后访问一个简单的网页即可配置家庭Wi-Fi。配置信息保存在ESP32的NVS非易失性存储中。连接网络后设备会自动同步网络时间NTP用于显示和定时开关机功能。5. 调试、优化与那些“踩坑”实录将所有这些模块组合在一起时挑战才真正开始。5.1 内存不足与堆碎片化同时运行LVGL需要双缓冲区、音频解码缓冲区、网络缓冲区很快就把PSRAM和内部RAM用满了。最常出现的问题是播放一段时间后系统因分配不到内存而重启。解决方案精确配置缓冲区仔细调整每个库的缓冲区大小。例如LVGL的缓冲区刚好设为屏幕大小的2倍2402402*2字节而不是盲目开大。使用PSRAM确保所有大型缓冲区如图像数据、音频流缓冲区都分配在PSRAM中。在Arduino中可以使用heap_caps_malloc(size, MALLOC_CAP_SPIRAM)。避免频繁分配/释放对于频繁使用的对象如UI控件、解码器实例在初始化时创建并全程持有而不是动态创建销毁。监控工具定期使用esp_get_free_heap_size()和heap_caps_get_largest_free_block()来监控内存状态定位泄漏点。5.2 音频中断与爆音问题在切换音源、网络抖动时音频输出经常出现“噼啪”爆音或短暂中断。根因分析根本原因是I2S数据流中断。可能是任务调度导致音频填充任务被延迟也可能是切换音源时没有清空旧的I2S DMA缓冲区。解决步骤提高音频任务优先级将填充I2S缓冲区的任务设置为最高优先级之一确保它能及时响应。实现平滑过渡在停止一个音源前先将其输出淡出数字音量渐降至零在启动新音源前先静音待缓冲区稳定后再淡入。缓冲区管理设置一个合理的环形缓冲区大小。网络电台的缓冲区可以稍大如64KB以对抗网络波动本地播放的缓冲区可以稍小以减少延迟。硬件滤波在功放输入端加入前述的RC低通滤波器例如1kΩ电阻串联对地接一个0.1uF电容能有效滤除数字噪声引起的高频毛刺。5.3 屏幕刷新与动画卡顿当频谱动画和UI同时更新时屏幕刷新率下降出现明显卡顿。性能剖析使用LVGL的性能监控工具发现频谱图的FFT计算和重绘是主要瓶颈。优化策略降低FFT精度对于视觉显示64点或128点FFT已经足够无需512点。分帧计算将FFT计算和屏幕绘制分开到不同的FreeRTOS任务中或者每两帧计算一次FFT中间帧进行插值平滑。LVGL优化启用LVGL的LV_USE_GPU如果芯片支持或者使用双缓冲DMA传输。将不变的UI元素如背景、刻度设置为静态只重绘变化的区域频谱柱、指针。限制帧率将UI刷新率锁定在30FPS对于这个应用完全足够且视觉流畅。5.4 旋钮编码器的误触发编码器在静止时因振动产生误信号或在快速旋转时丢失计数。硬件层面在编码器A、B相引脚到ESP32之间加入10kΩ上拉电阻和0.1uF电容到地构成简单的硬件消抖。软件层面实现状态机解码算法。不是简单地检测边沿而是持续采样A、B相的状态根据状态转移图00-01-11-10-00...来判断旋转方向和步数。只有完成一个完整的4步周期才计为一次有效的“咔哒”。这能免疫绝大部分毛刺。6. 超越基础个性化功能与扩展玩法当基础功能稳定后可以添加一些提升格调和实用性的功能。6.1 模拟VU表与频谱样式除了常见的柱状频谱我编写了模拟VU表的动画。使用LVGL的“弧”对象根据音频音量动态改变弧的长度和颜色绿色-黄色-红色。更复杂的可以绘制一个“光线示波器”效果让音频波形在圆形屏幕上旋转展开。6.2 网络电台发现与收藏除了预设电台可以集成像icecast.xml这样的公共电台目录服务。在UI中实现一个简单的浏览器让用户能按流派、国家搜索电台并收藏到预设位。这需要解析XML或JSON数据并处理更多的网络请求。6.3 语音助手集成进阶ESP32-S3支持离线语音唤醒词识别。可以添加一个“Hi, Radio”这样的唤醒词唤醒后通过一个简单的离线命令词识别如“下一首”、“大声点”、“播放爵士乐电台”进行控制完全无需手机让交互更具魔力。6.4 外壳的最终润色电路和代码稳定后对外壳进行最后处理用细砂纸打磨掉打印纹路。喷涂底漆补土再喷涂哑光面漆。贴上做旧的水贴纸如仿锈迹、磨损痕迹。在屏幕亚克力镜片边缘涂上一圈极细的银色油漆笔模拟老式玻璃的金属包边。在内部贴上一层吸音棉减少腔体共振让声音更干净。完成所有这些后这台自己打造的复古收音机放在书桌上它不仅是一个能播放全球音乐的网络终端更是一个充满个人创作痕迹、承载着对旧日美学怀念的物件。旋转实体旋钮时的那种确切的反馈屏幕上古雅字体跳动的频率以及温暖木质腔体里传出的音乐共同构成了一种数字时代难得的、富有质感的交互体验。这个项目最难的不是某个技术点而是如何让所有这些分散的模块——电路、代码、结构、美学——和谐地统一在一起为一个简单的“播放声音”功能注入情感和故事。
