Skip to content

EchoPlayer allows you to systematically train your listening, pronunciation, and speaking skills using authentic movies and TV shows. EchoPlayer 让你在真实影视中,系统地训练听力、发音与表达。

License

Notifications You must be signed in to change notification settings

mkdir700/EchoPlayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EchoPlayer

专为语言学习者设计的视频播放器

License Electron React TypeScript
CodeRabbit Pull Request Reviews GitHub all releases

安装使用指南功能特性开发


📖 项目简介

EchoPlayer 是一款专为语言学习者设计的视频播放器,通过逐句精听的方式帮助用户高效学习外语。无论是电影、电视剧、纪录片还是教学视频,EchoPlayer 都能让您的视频学习体验更加专业和高效。

⚠️ 开发状态说明 本软件目前处于早期开发阶段,功能和界面可能会有所调整。我们正在积极开发和优化中,欢迎您的反馈和建议!

📱 软件截图

首页界面

首页.png

播放页面

播放页.png

✨ 功能特性

  • 逐句播放控制 - 一键跳转到上一句/下一句字幕
  • 自动暂停/恢复 - 每句字幕结束后自动暂停,便于消化理解。延迟自定义时间后恢复播放
  • 单句循环 - 重复播放当前字幕句子,强化练习
  • 多语言字幕 - 同时显示原文和译文,支持双语学习
  • 字幕词典 - 字幕支持查词功能,支持单词翻译和发音播放
  • 兼容性支持 - 实时转码,支持任意音视频格式

🚀 安装

系统要求

  • Windows: Windows 10/11 (64位)
  • macOS: macOS 10.15+ (支持 Intel 和 Apple Silicon)
  • Linux: Ubuntu 18.04+ 或其他主流发行版

下载安装

  1. 前往 Releases 页面
  2. 下载适合您系统的安装包
  3. 运行安装程序完成安装

格式支持

  • 视频格式: MP4、AVI、MKV、MOV、WMV、FLV
  • 字幕格式: SRT、VTT、ASS/SSA、JSON

📖 使用指南

快速开始

  1. 添加视频: 点击"添加视频"按钮选择本地视频文件
  2. 导入字幕: 应用会自动检测同名字幕文件,或手动选择
  3. 开始学习: 使用播放控制按钮进行逐句精听练习

字幕操作

  • 自动检测: 放置同名字幕文件在视频目录,自动导入
  • 手动导入: 点击字幕按钮手动选择字幕文件
  • 显示模式: 支持原文、译文、双语三种显示模式

🛠 技术栈

核心技术

  • Electron - 跨平台桌面应用框架
  • React 19 - 现代化前端框架
  • TypeScript - 类型安全的开发体验
  • Ant Design - 专业的 UI 组件库
  • Styled Components - CSS-in-JS 样式解决方案
  • Zustand - 轻量级状态管理库
  • Immer - 不可变状态更新
  • Better SQLite3 - 本地数据库
  • Kysely - 类型安全的 SQL 查询构建器
  • Electron Vite - 基于 Vite 的 Electron 构建工具
  • Vite - 现代化构建工具
  • SWC - 高性能 TypeScript/JavaScript 编译器
  • Vitest - 单元测试框架
  • Playwright - 端到端测试
  • Testing Library - React 组件测试
  • ESLint - 代码规范检查
  • Prettier - 代码格式化
  • Husky - Git hooks 管理
  • Semantic Release - 自动化版本发布
  • FFmpeg - 音视频处理
  • Remotion Media Parser - 媒体文件解析
  • React Player - 视频播放组件
  • React i18next - 国际化解决方案
  • Sentry - 错误监控和性能追踪

💻 开发

环境要求

  • Node.js 18.0+
  • pnpm 8.0+

本地开发

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

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

构建发布

# 构建应用
pnpm build

# 打包 Windows 版本
pnpm build:win

# 打包 macOS 版本
pnpm build:mac

# 打包 Linux 版本
pnpm build:linux

测试

# 运行测试
pnpm test

# 运行测试并生成覆盖率报告
pnpm test:coverage

# 交互式测试界面
pnpm test:ui

🤝 贡献指南

我们欢迎任何形式的贡献!

  1. Fork 本项目
  2. 创建特性分支 (git checkout -b feature/AmazingFeature)
  3. 提交更改 (git commit -m 'Add some AmazingFeature')
  4. 推送到分支 (git push origin feature/AmazingFeature)
  5. 打开 Pull Request

📝 更新日志

查看 CHANGELOG.md 了解详细的版本更新记录。

📄 许可证

本项目基于 AGPL-3.0 开源许可证发布。

🙏 致谢

项目名 简介
CherryStudio 一款为创造而生的 AI 助手
DashPlayer 为英语学习者量身打造的视频播放器
FFmpeg 开源音视频处理工具,为转码与媒体分析提供核心支持

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

问题反馈功能建议联系我们

About

EchoPlayer allows you to systematically train your listening, pronunciation, and speaking skills using authentic movies and TV shows. EchoPlayer 让你在真实影视中,系统地训练听力、发音与表达。

Topics

Resources

License

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •