我用 TRAE 做了一个能翻页、会朗读的立体互动绘本

我想做一个适合和孩子共同阅读的互动绘本,让孩子能够听故事、观察画面,也能点击探索。围绕这个想法,我用 TRAE 制作了一个电脑端立体绘本,把翻页、角色互动和语音朗读放进同一个阅读过程。

本期用 《月亮为什么跟着我》 展示效果:跟着朵朵和小狗走过夜晚的小路,一起发现月亮的秘密。

视频效果展示链接:https://my.feishu.cn/wiki/Vqy7w4hhOiUeP5kY3Q9cLgpUnNb?from=from_copylink

1. 把绘本做成立体纸艺场景

打开书,背景、人物和前景会随着书页展开逐渐出现,组成一个有前后层次的小舞台。翻到下一页,场景也随之变化。

制作时,需要安排每个角色和物品的位置、大小与出场顺序,让文字和主要角色清楚可见,也让书页展开的过程自然连贯。

2. 让画面里的角色可以互动

绘本中的部分角色和物品可以点击。点击后,会播放对应词语的读音,同时触发角色动作。词卡可以根据阅读需要显示或隐藏。

画面中的动作也会配合故事朗读。例如,朗读到角色向前走时,角色会在书页上移动;讲到水面变化时,画面会出现相应的波纹。

我希望这些互动能够帮助孩子观察故事中的事物,让每次点击、每个动作都和当前内容有关。

3. 让阅读节奏可以自由控制

绘本提供“听故事”和“我来读”两种方式。

“听故事”支持暂停、继续和重读当前页面。读完一页后,可以自动翻页,也可以停留在原页,方便老师或家长带着孩子观察、提问和交流。

“我来读”支持点击正文中的单个汉字听读音,也可以播放整页朗读。遇到不认识的文字时,可以随时听一听,再继续阅读。

我让 TRAE 帮我查找免费、开源的音乐库,整理适合绘本阅读的背景音乐,并了解素材的授权和使用要求。

我再根据故事氛围挑选音乐,调整音量和播放时机,让背景音乐与故事朗读自然配合,也让孩子能够清楚听见每一句话。

为了保证互动绘本前后页面的朗读效果一致,我把音频制作要求整理成了一份规范文档,让 AI 按照规范调用豆包语音模型生成故事音频。制作时,为旁白和不同角色分别选定参考声音,让同一个角色在不同页面保持一致的音色,再根据情节设置温柔、好奇或惊喜等语气。每段音频生成后,都要逐字核对故事内容,检查有没有漏读、重复,以及语速是否合适;角色对话较多的页面,可以分别生成旁白和台词,再按故事顺序拼接。之后,通过 FFmpeg 统一音量、清理多余静音和结尾杂音,并整理逐字时间信息,让页面中的文字高亮与朗读同步。点击角色或物品时播放的词语读音,也采用统一的参考声音和处理要求。这样制作新的绘本时,AI 就能沿用同一套流程,保持声音、节奏和播放效果的一致性,我们则重点试听角色表达是否自然、情绪是否符合故事,以及整体是否适合孩子聆听。

2 个赞

这个效果真不错

1 个赞

这个效果真不错,可以借鉴吗

1 个赞

不错,可以学习一下