用 Claude Code 做了一个分级英文新闻网站,拿来给孩子学英语

4 月 13 日
 liuhui998

为什么做

  1. 家里两个孩子分别在学《新概念英语》 3 和 4 ,接下来比较缺的是词汇量和世界知识输入
  2. 直接看 CNN 、BBC 、ABC 这类英文媒体,词汇还是偏难,读起来比较吃力
  3. 就算勉强读完了,后面也缺少配套的练习和巩固

我想做成什么样

  1. 每天都能读到“科学”“技术”“商业”“自然”等不同类目的最新英文新闻
  2. 能根据当前词汇量,生成对应难度的英语内容,目前先做了 B1
  3. 文章里重点词有英英和英中解释,正文有音频和同步字幕,读完后还能顺手练一练

实现过程

  1. 先按分类抓主流媒体的 RSS ,写了个 Claude Code Skill ,从每个分类的几百条头条里筛出 Top 3
  2. 然后我再手工从 3 条里挑 1 条,再用 Claude Code Opus 模型改写成对应级别的内容
  3. 使用 Azure TTS 来生成英文音频 + 字幕
  4. 再根据上下文给重点词生成解释,除了英英和英中之外,我还顺手做了另外 10 种语言的释义
  5. 写了一个专门的听写模块,方便练听力

链接在这:

https://readinlevels.com/fuel-prices-squeeze-workers-and-small-businesses/b1

首页也在这:

https://readinlevels.com

上个周刚做出来,前端是 Next.js ,先放在 Vercel 上跑。

现在还比较早期,想发上来听听大家的意见,尤其是:

  1. 这种“用真实新闻学英语”的方向有没有价值
  2. 现在这个页面的信息密度会不会太高
  3. 如果是你自己或者给孩子用,你最希望补什么功能
3476 次点击
所在节点    分享创造
47 条回复
noming
4 月 13 日
这就是传说中的别人家娃😄
fjkfwz406
4 月 13 日
我也做了一个类似的👉 loopread.com
stfbdhuiliyi
4 月 13 日
很棒,支持
liuhui998
4 月 13 日
@noming @tf2

1. 其实我家孩子以前在学校成绩很不好,初中英语很少及格
2. 后面我让孩子在电脑在用软件来听写概念课文,然后再读再背,再上一些其它的练习
3. 慢慢的打通任督二脉

我认为学英文应是学科中最简单的,只你会说话写字就能学好英语
学英语的软件非常多,选择一个坚持下来,都会不错的

@fjkfwz406

谢谢分享,我看了你的网站 https://loopread.com, 非常优秀。
我会向你认真学习!
KKKKale
4 月 13 日
内容是不缺的。我现在遇到的问题是,怎么给孩子找到有趣的内容,安利给娃
liuhui998
4 月 13 日
@KKKKale
1. 选题要广,不要集中在某一个点,这样孩子才可能有兴趣
2. 另外还有一点,需要学习内容可记录可测验,这样才能可能知道学习进度

@shawpan01
播放器的问题刚好修了!现在滚动到下方时会自动弹出底部迷你播放器(暂停/继续/进度条),同时也加了键盘快捷键:空格暂停、左右方向键快退快进。下次刷新应该就能体验到了。
youisme
4 月 13 日
很棒啊! 给小朋友注册了一个
shawpan01
4 月 13 日
@liuhui998 有 bug ,我滚动到下方,确实可以显示 mini 播放器,然后点击暂停他就消失了,如果我还要播放声音,那么得回到顶部的播放器
nadia
4 月 13 日
OP 知道 Newsela 吗?感觉功能有点像。前几年我们也有用 Newsela ,但免费的可选内容太少了,后来 AI 更方便就没用了。刚查了一下,Newsela 现在美国的学校覆盖率挺高的。看好 OP 同类项目,希望增加考虑到使用者是“非英语母语学习者”的内容。
liuhui998
4 月 13 日
@youisme
谢谢关注,我现在好像还没有做注册功能喔

@shawpan01
谢谢提醒,问题已修复。之前的逻辑是暂停就隐藏迷你播放器,现在改成了只要播放过,迷你播放器就会一直显示在底部,暂停/继续都能直接操作,不用再回到顶部。只有音频播完或者手动点关闭才会消失。刷新页面就能体验到了。

@nadia

谢谢关注! Newsela 主要服务美国学校的母语学生,用的是 Lexile 分级。Read in Levels 从一开始就是为非英语母语学习者设计的——用 CEFR 国际分级( A1-C1 ),配合生词释义、TTS 朗读、语法练习,帮助英语学习者通过每日新闻提升阅读能力。
liuhui998
4 月 13 日
@zsk425 @shawpan01

语音自然度的改进

已经重新调优了 TTS 参数:换了更适合朗读的 Azure 声音( Aria ),音质从 16Khz 升到 24Khz ,并且给不同难度加了不同的说话风格——初级( A1/A2 )用亲切语气、中高级( B1+)用新闻播报风格,句间停顿也按级别做了区分。可以对比听一下 B1 级别:

- 旧版: https://pub-f29f4d9e844d423ca5d5728f74710e8f.r2.dev/202504-audio-compare/business-01-b1.mp3
- 新版: https://pub-f29f4d9e844d423ca5d5728f74710e8f.r2.dev/202504-audio-compare/fuel-prices-b1.mp3

真人录音确实更好,但一篇文章 5 个级别录下来成本太高(约 $200 ),目前阶段还是先把 TTS 调到最优。

我想听一下你们的意见,明天再上线。

谢谢!
youisme
4 月 13 日
@liuhui998 语法的那个。。
dengqing
4 月 13 日
@liuhui998 TTS 可以用浏览器可用的语音模型,我做了个库专门用这些,还没开源(随时可以)。https://www.npmjs.com/package/polytts
kuse2001
4 月 14 日
真挺不错的!也挂两个我做的,有点类似

语音朗读网页插件
https://chromewebstore.google.com/detail/glowtts/gfppgmgpehmgoigpkoffneghdicmjdkf

儿童新闻(中文)

https://chnews.beautare.com/
wvitas
4 月 14 日
可以试试小米新发布的那个 tts, 现在免费
jayron
4 月 14 日
试了下太棒了,谢谢
Gourds
4 月 14 日
厉害
liuhui998
4 月 14 日
@youisme

谢谢,这个应用现在还是有很多人用,不过现在是外国人用的多

https://english-grammar.app

不过我想,可能还是要加上中文翻译(在计划中了),这样用起来会好一点。

@kuse2001 @wvitas

谢谢二位的分享,因为我现在需要单词级的 TTS 字幕,目前好像只有 Azure TTS 和 OpenAI TTS 支持;因为以前用过 Azure TTS, 所以就用它了。

@kuse2001

https://chromewebstore.google.com/detail/glowtts/gfppgmgpehmgoigpkoffneghdicmjdkf
这个插件我下载了,但还没有用起来,加油!

@jayron @Gourds

谢谢你们的鼓励
xiontang
4 月 14 日
不错哦。加油
liuhui998
4 月 14 日
我建了一个群,有兴趣的人可以加一下群,在群里有问题可以快速反馈

https://pub-f29f4d9e844d423ca5d5728f74710e8f.r2.dev/qrcodes/IMG_1655.JPG

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/1205486

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX