Skip to content

沉浸式记忆(暂定名) - 为日语学习者设计的浏览器插件,通过强大的自定义/预设字幕管理、语素分析支持的生词高亮等功能,让你在看剧时无痛提高词汇量

License

metrovoc/immersive-memorize

Repository files navigation

🎯 Immersive Memorize

Chrome Extension Netflix Japanese License

为日语学习者设计,通过强大的自定义/预设字幕管理、语素分析支持的生词高亮等功能,让你在看剧时无痛提高词汇量。

⚠️ 本插件目前为beta版,处于积极开发中,请时刻关注此页面,并确保自己的插件是最新版本


📋 目录


✨ 功能特性

🎯 顺序学习模式

  • 专注学习: 每次只高亮显示一个生词,避免视觉干扰
  • 有序进行: 学完当前词汇自动显示下一个
  • 智能记忆: 已学词汇不再重复显示

即按即学

  • 一键学习: 直接按快捷键捕获当前高亮词汇
  • 自定义快捷键: 支持设置任意字母键作为学习快捷键

🎨 视觉增强

  • 脉冲高亮: 橙色高亮 + 脉冲动画突出目标词汇
  • 实时反馈: 成功/警告/错误通知系统
  • 清晰界面: 基于 React 和 Tailwind CSS 构建的简洁现代 UI。

🌐 自定义字幕

  • 不止于 Netflix:支持加载本地字幕文件,让你可以在 YouTube、本地视频等任意网站上使用本扩展。

📚 智能卡片系统

  • (实验性)自动截图: 您可以在设置中自由选择是否在学习时捕获视频帧,生成图文并茂的记忆卡片。
  • 丰富的上下文信息: 每张卡片都包含高亮词汇、所在完整句子、时间戳,以及详细的影视来源(剧名、季数和集数)。
  • 灵活的 Anki 导出: 支持多种 CSV 导出格式(包括为 Anki 优化的 HTML 格式),方便您将学习数据无缝集成到间隔重复系统中。
  • 全面的卡片管理: 在独立的“已学词汇”页面中,您可以方便地查看、管理、删除所有学习记录。

🛠️ 个性化配置

  • 词汇库管理: 自由选择并开启您希望学习的 JLPT 等级(N1-N5)。
  • 字幕样式: 自由调整自定义字幕的字体大小、颜色和背景,打造最舒适的观看体验。
  • 导出格式选择: 根据您的需求,选择最适合的 CSV 导出格式。

🚀 安装

方法一:从 Release 下载(推荐)

  1. 前往 Releases 页面
  2. 下载最新版本的 immersive-memorize-v*.zip 文件
  3. 解压到本地文件夹

方法二:克隆源码并自行编译

git clone https://github.com/metrovoc/immersive-memorize.git
cd immersive-memorize
npm install
npm run build

安装到 Chrome

  1. 打开 Chrome 浏览器
  2. 访问 chrome://extensions/
  3. 开启右上角的"开发者模式"
  4. 点击"加载已解压的扩展程序"
  5. 选择 dist 文件夹
  6. 确认安装成功

📖 使用教程

第一步:开始学习

方法一:在 Netflix 上学习

  1. 访问 Netflix

    • 打开 netflix.com
    • 播放任何日语内容
    • 确保开启日语字幕
  2. 学习流程

    看到橙色高亮词汇 → 按快捷键 → 自动保存卡片 → 显示下一个生词
    

方法二:使用自定义字幕

  1. 获取日语字幕,可以在kitsunekkolearnjapanese.moe获取
  2. 打开任意视频页面。
  3. 加载字幕。 点击扩展图标,在弹窗中选择或拖入你的 SRT 文件。
  4. 开始学习。 字幕会自动显示在视频下方,像在 Netflix 一样用快捷键学习单词。
  5. 学习提示
    • ✓ 成功学习:显示绿色"✓ 词汇 已学习"
    • ⚠ 重复词汇:显示橙色"⚠ 词汇 已存在"
    • ℹ 无生词:显示蓝色"ℹ 当前无生词可学习"

第二步:导出到 Anki

  1. 查看学习记录

    • 点击扩展图标打开弹窗
    • 在弹出的窗口中,您可以查看最近的学习卡片,或点击按钮进入功能更全面的“已学词汇”管理页面。
  2. 导出 CSV

    • 在“已学词汇”页面中,点击“导出 Anki CSV”按钮。
    • 您可以在设置页面预先选择最适合您的导出格式。
  3. 导入 Anki

    • 在 Anki 中选择"文件" → "导入"
    • 选择下载的 CSV 文件
    • 确认字段映射并导入

🔧 开发

开发环境

# 克隆项目
git clone https://github.com/your-username/immersive-memorize.git
cd immersive-memorize

# 本地开发
# 1. 在 Chrome 中加载解压的扩展程序
# 2. 修改代码后点击刷新按钮重新加载
# 3. 在 Netflix 页面测试功能

📅 未来蓝图

本扩展正在积极开发中,我们致力于让它变得更强大、更智能。以下是我们正在努力实现的目标:

  • 🎯 更精准的词汇匹配

    • 优化分词算法,以更智能地处理动词变位和复合词,减少如 行ってくる 被错误识别为 行う 的情况。
  • 🚀 更流畅的学习体验

    • 集成IndexDB,提升加载速度。
    • 为每个学习卡片增加跳转播放功能,点击即可直接在 Netflix 中打开并播放对应的片段。
  • 🧠 更智能的辅助功能

    • 集成大型语言模型(LLM),提供如“自动翻译例句”、“智能修正单词释义”等实验性功能。

我们欢迎您通过 GitHub Issues 分享您的想法和建议,共同创造新时代的语言学习工具!


🙏 致谢

本项目的日语分词功能依赖 kuromoji.js

本项目的JLPT数据提取自 egg rolls 提供的anki卡组

⭐ 如果这个项目对您有帮助,请给我们一个 Star!

Made with ❤️ for Japanese learners

🔝 回到顶部

About

沉浸式记忆(暂定名) - 为日语学习者设计的浏览器插件,通过强大的自定义/预设字幕管理、语素分析支持的生词高亮等功能,让你在看剧时无痛提高词汇量

Resources

License

Stars

Watchers

Forks

Packages

No packages published