为了女儿的英语启蒙,我用 Vibe Coding 把 B 站动画变成了专属绘本

0 评论 77 浏览 1 收藏 9 分钟

AI工具正在彻底改变非技术人员的创造可能性。一位父亲为了解决女儿英语启蒙中动画与绘本脱节的痛点,借助Vibe Coding仅用3小时开发出B站动画台词提取工具。这不仅实现了视频内容到可重复学习材料的转化,更揭示了AI如何让育儿需求与技术解决方案实现零门槛对接。

最近有一件小事一直困扰着我。

为了给女儿做英语启蒙,我经常在 B 站找些适龄的英文动画给她看,每天20 分钟左右。

效果是有的。她的听力在不知不觉中不断提升。但我发现,仅仅依靠这短短 20 分钟的视频输入,距离真正把英语用到生活里,似乎还差了一点。

为了解决这个问题,我回想了一下自己的英语学习经历。我意识到语言学习其实是一个输入、强化、输出的过程:

  • 第一步,通过动画建立场景,让孩子在情境中理解语言,也就是形成“可理解性输入”;
  • 第二步,借助动画对应的绘本或台词,把听到的内容不断重复,加深记忆;
  • 第三步,脱离视频和书本,通过游戏的方式,在真实生活中复刻动画场景,让孩子把“输入”转化成“输出”。

我一直遵循着这种方式在给女儿做英语启蒙。直到女儿最近迷上了一部叫《English Egg》的动画。

这部动画一共 48 集,每集1到2分钟,主题都非常贴近日常生活,很适合作为英语启蒙素材。比如第一集《Hide and Seek》(捉迷藏),女儿看完之后,经常拉着我在家里玩捉迷藏,一边玩一边主动用英文复刻动画里的情节。

然而问题来了,我虽然陪她看动画,却无法记住里面所有的情节和地道表达。有时候女儿兴致勃勃地进入一个场景,我却不知道该怎么顺着动画里的表达继续引导。

于是我开始寻找配套绘本。

然而翻遍网络,也没有找到。只知道《English Egg》原本就是由韩国一个少儿英语机构制作的一套启蒙资源,动画背后确实有配套内容,可惜在国内根本买不到。

既然买不到现成的绘本,那能不能自己做一个?

如果能把视频里包含台词的关键画面提取出来,每集整理成一个 PDF,我就拥有了一套属于女儿的专属“动画绘本”。这样,当女儿再次看到纸上的画面时,因为她已经看过动画,大脑会自动把英文表达和对应场景连接起来。

在这个过程中,视频负责建立语境,绘本负责强化记忆,两者刚好形成一个学习闭环。

唯一的问题是……

这个想法听起来简单,真正做起来却非常麻烦。48 集动画,如果全部靠人工截图、整理、排版,工作量几乎无法想象。

这件事困扰了我很久。

直到前天,我突然灵机一动:既然我们已经在工作中深度使用 AI,帮助我们完成大量重复性的任务,为什么不把这种能力迁移到生活场景中?也许,我也可以通过 Vibe Coding,把这个想法快速落地。

从业务角度看,这其实就是一个小型数字化项目,目标非常明确:

  • 输入: 动画视频
  • 处理: 自动提取关键画面、识别和整理台词
  • 输出: 一份可以自主编辑、反复阅读的专属绘本 PDF

于是我开始尝试。

不得不说,AI 正在改变软件开发的参与方式。仅仅用了 3 个小时,我就把这个专属于女儿的“B站动画台词本”工具做了出来。

先来看看它实际运行起来是什么样子。

这个工具本质上是在 B 站视频页面上增加了一个“字幕/台词阅读器 + 画面采集器”。

它的核心目标很简单:帮助我把原本只能观看的视频内容,快速沉淀成可以反复阅读的绘本素材。

整个工具主要包含两个功能:

1. 字幕阅读

如果当前视频有公开字幕,工具会自动读取字幕,并在浮窗中逐句展示对应台词。

如果视频没有公开字幕,台词区域会提示:“该视频没有公开字幕,暂时无法显示台词。”

2. 画面采集

这是整个工具最核心的部分。

点击“开始采集”后,工具会自动分析当前播放内容,根据字幕或声音变化判断每一句语音的开始和结束时间,并提取对应的视频画面。

这样,每一句台词都会自动匹配一张代表性画面,帮助孩子将英文表达和具体场景建立连接。

当然,自动识别并不一定完美,所以我也增加了一些人工调整能力:

  • 可以通过“删除”按钮移除不需要的画面;
  • 可以通过“手动截取”补充自动识别遗漏的内容;
  • 可以通过预览功能逐张检查和调整最终效果;
  • 最后可以将整理好的内容导出为 PPT 格式,方便继续编辑,或者打印成专属绘本。

简单来说,它把“看动画”这件事,转化成了一个可以持续复习和互动的学习素材生成工具。

如果你对这个工具感兴趣,可以在我的 GitHub 上找到它:

https://github.com/JulyShi/bilibili-transcript-viewer

这是一个非常轻量的小工具,本质上是一段通过 Tampermonkey 运行的浏览器脚本。

但真正让我觉得震撼的,并不是代码本身,而是整个创造过程。

作为一个非开发人员,我之前甚至不知道 Tampermonkey 是什么,更不用说编写浏览器脚本。但 AI 帮我跨越了这道技术门槛,它根据我的需求提供多种实现方案,并一步步引导我完成整个开发过程。

整个迭代过程非常快。我只需要描述自己的想法,几秒钟后 AI 就能生成一版新的代码,并解释修改逻辑。我再根据实际效果继续调整。

这种“想法 → 原型 → 验证 → 迭代”的速度,是过去很难想象的。

更重要的是,这个工具虽然很小,但它解决了一个真实存在的育儿问题。

这也是我想分享这件事的原因:

AI 最让我感到兴奋的地方,并不是它能帮我们写代码,而是它正在降低创造的门槛。

过去,软件开发往往意味着专业团队、高昂成本和较高的技术门槛。很多好的想法,可能不是因为没有价值,而是因为没有足够的资源去实现,最终被迫搁置。

现在,借助 AI 和 Vibe Coding,越来越多非传统开发背景的人,也拥有了快速验证和落地想法的能力。

AI 真正改变的,也许不是让少数开发者变得更高效,而是让更多人拥有成为创造者的可能。

作者:七姑娘 公众号:七姑娘日记

本文由@七姑娘 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来源于Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!