logo 听听ing · 英语听力教室 · 使用说明

← 返回首页

📖 简介

听听ing · 英语听力教室 是一款专注于英语听力训练的网页播放器。它支持加载本地视频与字幕资源,提供正常模式复读模式两种播放方式,配合字幕遮挡、单句跳转、连播训练等功能,帮助你在不看字幕的情况下磨耳朵。

💡 核心理念

看不懂的字幕 ≠ 听不懂的英语。遮挡字幕 → 反复聆听 → 精确定位单句,是这套工具的设计主线。

📁 资源加载

📂 选择本地资源

点击顶部 📂 选择本地资源 按钮,在弹出的文件夹选择对话框中选择一个包含视频和字幕文件的文件夹

点击「选择本地资源」 选择文件夹 自动扫描视频与字幕 左侧目录列表显示
  • 支持的视频格式:mp4 webm ogv mov m4v
  • 支持的字幕格式:srt
  • 视频与字幕会按文件名自动匹配(同名不同后缀)
  • 支持嵌套子目录:会按一级子目录自动分组
💾 自动保存目录结构

选择本地资源后,目录结构会自动保存到浏览器。下次打开网页时会自动恢复目录列表,无需重复选择。视频内容仍按需从磁盘读取,不会占用大量存储。

🔄 加载默认资源

点击 🔄 加载默认资源 可加载服务器端预设的资源清单,适合在没有本地文件时快速体验。

🎬 听听ing · 英语听力教室 · 专用网盘资源下载

因服务端存储空间资源有限,仅能提供少量资源体验功能。

更多学习资源可参考以下网盘资源链接,先转存网盘资源,再下载到本地磁盘后通过选择本地资源加载使用。

百度网盘 夸克网盘

📦 缓存机制

  • 小文件(< 500MB):首次播放时缓存到 IndexedDB,再次播放无需读盘
  • 大文件(≥ 500MB):直接从磁盘流式播放,不占用浏览器内存
  • 字幕文件:首次读取后缓存,后续加载秒开

🎮 播放模式

正常模式

默认模式,视频连续播放,字幕自动跟随高亮。适合通篇听力训练。正常模式为蓝色主题。

  • ▶ 暂停/播放:控制视频暂停与继续
  • 🔂 单曲循环:当前视频播放结束后自动重头播放
  • 🔁 列表循环:点击切换后,当前视频播完会自动播放下一个视频(按钮变为橙色)
  • 字幕列表会自动滚动跟随当前播放位置

复读模式

R 或点击「复读模式」按钮进入。复读模式下视频不会自动连续播放,由你掌控每一句的播放节奏。复读模式为绿色主题。

  • 连播句数:通过 - / + 调整,或按数字键 1 2 3 快速设置
  • 连播 1 句:点击字幕后只播放该句,到句尾自动暂停
  • 连播 N 句:从点击的字幕开始,连续播放 N 句后暂停
  • ▶ 播放:从当前选中句子开始播放(按空格键同等效果)
🎯 复读训练推荐流程
  1. 设置连播 1 句,逐句精听,听到能复述为止
  2. 设置连播 2~3 句,训练对语流和意群的把握
  3. 切回正常模式,整段通听检验效果

📝 字幕功能

点击字幕跳转

在字幕列表中点击任意一句,视频会立即跳转到该句的起始时间并开始播放。

自动高亮与滚动

  • 正常模式:播放时当前句自动高亮(蓝色),字幕列表自动滚动跟随
  • 复读模式:当前句高亮(绿色),不会自动跟随播放进度覆盖你的选择

折叠/展开字幕列表

点击字幕区右上角的折叠按钮,或按 / D 可折叠字幕列表。

🔳 折叠模式的妙用

折叠后字幕文本会隐藏,只保留一列序号(#1 #2 ...)。你可以不看字幕、仅凭序号点击切换句子,非常适合盲听训练。当前句会以高亮背景标出。按 / A 可随时展开。

🕶️ 字幕遮挡

视频自带硬字幕时,可启用遮挡功能遮住画面底部的字幕文字,强迫自己靠耳朵听。

  • 开关:点击遮挡开关(toggle 滑块)
  • 调整高度:通过 - / + 调整遮挡区域高度(百分比,5% 一档)
  • 正常模式与复读模式各自独立记忆遮挡状态
⚠️ 提示

遮挡区域只覆盖视频底部,不影响播放控制。如果视频字幕位置偏高,可适当调大遮挡高度。

⌨️ 键盘快捷键

所有快捷键设计为单手即可操作(方向键 + WASD 双套布局),无需鼠标也能流畅控制。

按键 功能
Space
播放 / 暂停(复读模式下为播放当前句一次)
R
切换 正常模式 ↔ 复读模式
W
上一句字幕
S
下一句字幕
A
展开字幕列表
D
折叠字幕列表
1 2 3
复读模式下快速设置连播 1 / 2 / 3 句
💡 操作小贴士
  • 空格键R 键即使在输入框聚焦时也生效
  • 其他快捷键在输入框聚焦时不生效,避免误触
  • 方向键左右只在状态不符时生效(已折叠时按左无效),避免反复横跳

❓ 常见问题

提示「无法访问本地文件,文件夹可能已被移动或删除」怎么办?
这通常是因为浏览器对本地文件的访问权限已过期(重启浏览器、清理权限后常见)。请重新点击「选择本地资源」并选择原文件夹,目录结构会重新加载。已缓存过的视频和字幕不会丢失,可继续秒开。
大文件(如 10GB+ 的视频)能正常播放吗?
可以。超过 500MB 的视频会自动切换为流式播放模式,浏览器按需从磁盘读取数据,不会一次性载入内存。状态栏会显示 XX.XGB·流式 标识。
复读模式下点击字幕,为什么有时会连播好几句?
已修复。如果仍遇到此问题,请确认连播句数设置为 1。注意复读模式下 跳转句子后,会从目标句开始按当前连播句数播放。
折叠字幕后还能切换句子吗?
可以。折叠后字幕列表变成一列序号按钮,点击序号即可跳转到对应句子。当前句以高亮背景标出,配合 键可纯键盘操作,实现「盲听 + 序号定位」的训练方式。
字幕和视频对不上怎么办?
请确认字幕文件与视频文件同名(仅后缀不同),并放在同一目录下。如果时间轴有偏差,可尝试更换其他来源的字幕文件。
缓存的视频文件会占用多少空间?在哪里清理?
小文件(< 500MB)首次播放后缓存到浏览器 IndexedDB。如需清理,可在浏览器设置中清除站点数据,或重新选择资源目录。目录结构元数据保存在 localStorage 中,体积很小。
没有视频资源怎么办?
可以自行在网上搜索带英文字幕的视频资源,下载后通过选择本地资源加载使用。也可在上面的听听ing · 英语听力教室 · 专用网盘资源下载链接中获取。