# 我做了个新理念的英语学习工具：SubTap

**URL:** <https://forum.freemdict.com/t/topic/44877>\
**Category:** 软件经验交流展望\
**Created:** [2026 年8 月 25 日 11:21 UTC](https://forum.freemdict.com/t/topic/44877 "2026-08-25T11:21:24Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 25 日 11:21 UTC](https://forum.freemdict.com/t/topic/44877/1 "2026-08-25T11:21:24Z")

</div>

# SubTap · 字幕点读器

## **一句简介**

点读式英语学习工具 —— 载入字幕 + 音视频，点任意句子播放对应片段，内置分级词库给生词按难度着色。先读句、再点听，主动学英语。单 HTML 文件实现。

[点击即用](https://haujetzhao.github.io/SubTap/)

## **截图预览：**

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/a/2/a292dd96383ae30cc8a511fe63309affc6cb1116.jpeg)

## 设计哲学

SubTap 否定常见的语言学习假设「把知识从教材里提取出来，反复复习，直到记住」，而认为语言学习是： **在大量不同语境中不断遭遇语言，在真实困难处停下来，把输入加工到能听懂，再继续向前。**

### 泛化语言能力，而非背卡片

反复背单词卡片，训练的目标函数是「卡片 → 回忆答案」，容易对卡片内容过拟合；而现实要求「连续声音 → 极短时间内完成语音分割、词汇识别、句法解析、语义整合」。很多英语学习者不缺词汇，缺的是「已经认识的词在真实语流中的组织方式」。

传统教材把语言拆得很碎：单词、句型、语法、练习、对话。而一个视频天然同时提供词汇、句法、发音、语气、上下文、语用、文化背景，且真实存在于一个连续场景中。你学的不是某个英语句子，而是英语在真实环境里是怎么工作的。

### 主动推进，而非被动收听

市面上的听力软件大多是「听课式」：连放一大段音频让学生被动地听。可一旦被动连听几分钟，大脑几乎不可避免地走神——甚至只要连续出现两三句有难度的句子、中间又没留思考时间，注意力就会涣散、打起瞌睡。「一句一句点」把真实听力拆成一个由用户掌控的循环「听 → 判断是否理解 → 遇到障碍 → 停下来 → 阅读 → 再听 → 听懂 → 继续」：每一句都要你主动点一下才读，句与句之间留出充足的思考时间，遇到生词、难句旁边就有释义——注意力始终在线。

### 内容由用户选择

传统学习 App 隐含假设「学习内容应该被产品筛选」，第 1 课 → 第 2 课 → 第 3 课……用户学的是「产品认为有用的英语」，而不是「自己真正想理解的英语」。但真实动机往往是「我特别想看懂这个访谈 / 这个博主 / 这部剧」。SubTap 的逻辑是： **你去找你真正想看的英语，我帮你把它学透** ——自己选择学什么，本身就是学习动力的一部分。

> 学习材料不挑：美剧、演讲、YouTuber 的视频，从网上下载到本地就行；字幕可以下载现成的，也可以用同属作者开发的 [CapsWriter-Offline](https://github.com/HaujetZhao/CapsWriter-Offline) 离线转录出高质量、带时间戳的字幕。

### 克制的工具，而非依赖的产品

商业 App 不断加课程、等级、勋章、统计、排行榜、每日任务，想办法让用户每天回来、打卡、不要流失；学习本身容易沦为产品功能的附属品。SubTap 不人为制造课程和任务：把你真正想看的内容拿过来，让你在真正听不懂的地方停下来，弄懂这一句，再继续。它不把语言压缩成卡片、不拆成规定动作，而是把用户丢到真实英语里，只在他真正卡住的地方提供一点帮助。理想状态是： **用户越来越不需要它。**

## **使用方式**

- 在线用：访问 [SubTap Pages](https://haujetzhao.github.io/SubTap/) （PWA 可安装）
- 离线用：或下载 [SubTap.html](https://github.com/HaujetZhao/SubTap/releases/latest/download/SubTap.html)，双击打开

## 开源仓库

[HaujetZhao/SubTap](https://github.com/HaujetZhao/SubTap)

---

<div class="post-metadata">

**Author:** ![lunabs](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/l/cab0a1/32.png) [@lunabs](https://forum.freemdict.com/u/lunabs)\
**Post date:** [2026 年8 月 26 日 13:22 UTC](https://forum.freemdict.com/t/topic/44877/2 "2026-08-26T13:22:30Z")

</div>

有个问题想问一下，添加的视频或音频是复制到了C盘吗？今天添加了一部30G的电影，C盘直接少了30G的空间，必须得清除浏览器数据才能释放，浏览器数据不能总清除，这给日常使用会带来不小的麻烦~

希望可以解决一下这个问题。

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 26 日 13:41 UTC](https://forum.freemdict.com/t/topic/44877/3 "2026-08-26T13:41:07Z")

</div>

添加到浏览器缓存中了。这是为了关闭页面后，再次打开页面时可以一键恢复上次的记录所做的缓存。

你再打开一个小一点的视频，那这个小点的视频就会替换上一次那个大视频。

主要还是因为浏览器的限制，不能够根据路径打开本地文件，必须由用户选择打开文件或者用缓存。

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 27 日 07:55 UTC](https://forum.freemdict.com/t/topic/44877/4 "2026-08-27T07:55:37Z")

</div>

你的问题解决了。现在，在 chromium 基的浏览器上，只会缓存文件 handle ，不完整缓存文件本体了。

---

<div class="post-metadata">

**Author:** ![Linzertorte](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/linzertorte/32/66123_2.png) [@Linzertorte](https://forum.freemdict.com/u/Linzertorte)\
**Post date:** [2026 年8 月 27 日 09:05 UTC](https://forum.freemdict.com/t/topic/44877/5 "2026-08-27T09:05:07Z")

</div>

手动点赞 结合nick的工具🛠刚刚好

---

<div class="post-metadata">

**Author:** ![jackki](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/j/4da419/32.png) [@jackki](https://forum.freemdict.com/u/jackki)\
**Post date:** [2026 年8 月 28 日 11:30 UTC](https://forum.freemdict.com/t/topic/44877/6 "2026-08-28T11:30:25Z")

</div>

试用了一下，想要调用外部程序查词很难受，无法选中字幕瀑布上的文本，右键点击也只能复制整个句子，可不可以在右侧生词栏的上面增加一个原句的显示方便选中文本查词？

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 28 日 11:45 UTC](https://forum.freemdict.com/t/topic/44877/7 "2026-08-28T11:45:37Z")

</div>

1. 现已加了词源词典，基本上没有查词必要了吧，点击词卡就可以展开
2. 右键复制句子，是为了方便整句复制给 ai 用于解析语法，但是手机端没有右键，只有长按，长按复制的同时会误选中文本，所以我专门把选词禁用了。

要不我把右侧栏单词卡右键设为复制，这样能解决你的问题吗？

---

<div class="post-metadata">

**Author:** ![jackki](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/j/4da419/32.png) [@jackki](https://forum.freemdict.com/u/jackki)\
**Post date:** [2026 年8 月 28 日 11:51 UTC](https://forum.freemdict.com/t/topic/44877/8 "2026-08-28T11:51:28Z")

</div>

在这方面总有些“奇奇怪怪”的需求，我会比较想要有个手段能选中当前字幕的某个文本查词，但是我不知道这种需求是否普遍。  
还有软件对现在好像不支持同时有多个轴的字幕，例如：

 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/d/3/d3185845494aa0c8dbe1faaf8a1d2ed67f537632.png)  
Potplayer里是这样的：  
 ![image](https://forumcdn.freemdict.com/uploads/default/original/3X/0/a/0ac60bf6280a931c2f9d15d6533bbf52dd90c5b2.jpeg)

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 28 日 11:53 UTC](https://forum.freemdict.com/t/topic/44877/9 "2026-08-28T11:53:10Z")

</div>

提 issue 把你的字幕文件上传，或者论坛上传，我看看你的字幕文件

---

<div class="post-metadata">

**Author:** ![jackki](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/j/4da419/32.png) [@jackki](https://forum.freemdict.com/u/jackki)\
**Post date:** [2026 年8 月 28 日 11:54 UTC](https://forum.freemdict.com/t/topic/44877/10 "2026-08-28T11:54:47Z")

</div>

[在这世界的角落 加长版.In.This.Corner.and.Other.Corners.Of.The.World.2019.720p.BluRay.x264.中日.txt](https://forum.freemdict.com/uploads/short-url/dQM5jCVbEM0HqU6pqRhtKLrLzoP.txt) (514.6 KB)

就是这个，需要把后缀改成ass。

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 28 日 11:56 UTC](https://forum.freemdict.com/t/topic/44877/11 "2026-08-28T11:56:44Z")

</div>

你这是很好的样本，功能上我会补全的。

关于文本选择，你最好详述一下需求和可能的方案，兼顾电脑端和手机端，手机端长按是右键，长按选词会有冲突。

---

<div class="post-metadata">

**Author:** ![jackki](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/j/4da419/32.png) [@jackki](https://forum.freemdict.com/u/jackki)\
**Post date:** [2026 年8 月 28 日 12:00 UTC](https://forum.freemdict.com/t/topic/44877/12 "2026-08-28T12:00:55Z")

</div>

![image](https://forumcdn.freemdict.com/uploads/default/original/3X/b/6/b64314b23fa6716df5fc75a6f724ee348c8657b9.png)  
我的想法很简单，就是在生词栏上面显示原句，生词栏本来就比较空，应该不用担心占用空间，也不会影响现有的操作逻辑，虽然不一定方便，起码能给想要手动取字查词的一个窗口。

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 29 日 00:41 UTC](https://forum.freemdict.com/t/topic/44877/13 "2026-08-29T00:41:28Z")

</div>

现在句子上，可用鼠标进行选词了。

你的 ass 字幕也做了格式优化了

---

<div class="post-metadata">

**Author:** ![jackki](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/j/4da419/32.png) [@jackki](https://forum.freemdict.com/u/jackki)\
**Post date:** [2026 年8 月 29 日 06:49 UTC](https://forum.freemdict.com/t/topic/44877/14 "2026-08-29T06:49:52Z")

</div>

![image](https://forumcdn.freemdict.com/uploads/default/original/3X/6/f/6f2a98ed5c1a846db15da02dac8460620dbc6bba.jpeg)

我想再反馈一个问题，想要浏览字幕或是寻找某段字幕的时候，通过滚轮有点太慢了，能否在字幕瀑布的左侧或是右侧加上滚动条？

---

<div class="post-metadata">

**Author:** ![淳帅二代](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E6%B7%B3/d6d6ee/32.png) [@淳帅二代](https://forum.freemdict.com/u/%E6%B7%B3%E5%B8%85%E4%BA%8C%E4%BB%A3)\
**Post date:** [2026 年8 月 29 日 09:36 UTC](https://forum.freemdict.com/t/topic/44877/15 "2026-08-29T09:36:26Z")

</div>

加滚动条简单，但是要保持简洁美观，保持在手机上也好看，要花点功夫。目前的话，你可以先用键盘上的 Page Up、Page Down 和 Ctrl F 来解决。
