夜雨聆风
1
本项目始于一个长久以来的想法，如何在libai之后还能复习一下本周的内容。但是吧，libai结束后去下载音频很麻烦，除非确实想听的某一个。什么时候能在线听就好了。在AI时代做一个项目很简单，决定要去做很难。感谢小琪提出了这个设想，不谋而合，而且恰巧我手里有备份zoom的音频。所以拜托了codex大人。
2
第一步我是给AI截图网易云音乐的桌面版，我希望能左侧是导航栏，右侧是一些榜单或者推荐。下方是一些列表。点击具体音乐可以弹出播放器模式，显示歌词或者内容。我第一步先使用html，理由是html包含关键的页面布局信息，并且后期转化成vue方便。
3
接下来我让Codex根据这个布局框架实现前后端，前端使用vue，后端使用python，数据库使用mysql。（不会也没关系，AI一站式搞定，只需要提供这种关键词即可）我设置的提示词：“你需要使用vue实现，后端使用python，数据库使用mysql，可以登录，可以管理端上传这些音频 打标签 做分类 做主题，大家登录后可以评论 播放 下载等等。最原初的文件就是mp3格式的音频。你来做优化，做首页的这些插图 项目放到D盘下”。经过一个小时，给了这样的效果。
4
下一步是让AI自己去启动项目前后端，下载mysql数据库，配置表。并且把所有的音频进行归一化处理。按照：时间#题目#讲员#章节#关键词.m4a来命名，本质上是说明这个音频是谁讲的，什么内容。再把所有音频地址放到数据库。
5
接下来需要对页面再进行调整。发现的问题直接告诉ai，“当前的首页，应该放两排就行了，剩下的再有一个色块，点击更多，然后出现一个列表 就像网易云音乐一样的列表，能按照时间排序这些音频 左侧导航栏 不要以章节为要点，而是以题目。超出一行的字就用...表示 不要再起一行”。很朴素的描述，只要准确就行。AI会分析这些需求拆成若干子任务，然后一一执行。
5
这些色块太单调了，我的手运行在语音键上。
我说：要有图像。事就这样成了。
每个色块被图像替代，比较统一的暗色系。下方的控制栏可以有进度条，可以显示总时长。可以通过拖动来控制音频的进度，还可以控制倍速。
我觉得是好的。
6
后面是针对显示效果或者某些页面的微调。包括：播放器模式增加进度拖动、上一首、下一首、列表播放、单曲循环、音量和评论。点击控制栏进入播放器模式。左侧显示旋转的胶片，右侧是歌词或者是经文。附上网易云音乐的截图让他模仿。再处理包括滚动条的bug等。细节问题都在这部分完全处理。
7
讲道理到这一步就算本地开发完毕了。有问题就提出来，然后交给AI修改即可。如何给大家用，并且在线听，可以评论互动呢？需要有云服务器。但是直接在云服务器上运行会存在一定风险。我的方案是，我有一台24小时不关机的台式机，我把这个HMC项目运行在这个服务器上，再把端口映射到云服务器上。（虽然听起来很复杂，但是仅需要告诉ai，云服务器地址账号密码，让他去实现就可以了。）把代码和音频打包复制到本地台式机。
AI be like
8
讲道理到这一步就算云端可以使用了。但是后续还有调整不能每次都去这个台式机上改代码吧？我的AI工具都在笔记本电脑上，怎么才能随时想改代码就改代码呢？
接下来请出重磅嘉宾Hermes。(hermes是超越openclaw的智能体，迭代飞快，具有强大的记忆能力和skill构造能力，是非常推荐的个人智能体助手。并且随着长期使用，会把这些流程沉淀成非常易用的形式。并且hermes可以连接飞书，钉钉，企微等等，可以在手机上直接向台式机下达修改命令)我告诉他当前存在的问题，然后让他修改后重启。而且只需要在手机上操作，随时随地，非常优雅。
9
如果有新的音频，通过页面上传文件固然优雅，还有没有更优雅的方法呢？只需要把正道给我的音频从飞书上传过去，告诉hermes，把这个文件改成对应格式的名称，然后加入到音频里就可以了。太优雅啦。
10
至是，工程已毕，我就歇了我的工，安息了。
