NCE-Flow

“

新概念英语在线点读工具，支持点句即读、连续播放，提供 EN / EN+CN / CN 三种显示模式。

Github地址

https://github.com/luzhenhua/NCE-Flow

在线体验

https://nce.luzhenhua.cn/

项目特点

• 句子级点读：点击任意句子开始播放，自动高亮跟随。
• 多语言视图：支持英语（EN）、中英对照（EN+CN）、中文（CN）三种显示模式。
• 播放控制：支持倍速调节、连读/点读切换、循环模式、断点续播等功能。
• 全局快捷键：支持空格键播放/暂停、方向键导航、音量控制等快捷操作。
• 学习管理：提供课程收藏、学习记录、进度追踪等功能。
• 现代界面：采用 Apple 风格，支持深浅色主题，响应式设计适配多种设备。
• 零依赖：纯静态文件，解压即用，无需额外安装。

快速开始

方式一：Docker 一键部署

• 使用 Docker 部署非常简单，只需一条命令：

       
  
        
       
  docker run -d -p 8080:80 --name nce-flow --restart unless-stopped luzhenhua/nce-flow:latest
  

• 访问 http://localhost:8080 即可使用。

• 自定义端口示例：

       
  
        
       
  docker run -d -p 3000:80 --name nce-flow --restart unless-stopped luzhenhua/nce-flow:latest
  

• 详细部署说明请查看 DOCKER.md。

方式二：Docker Compose 部署

• 适合需要自定义配置的场景：

       
  
        
       
  git clone https://github.com/luzhenhua/NCE-Flow.git
  cd NCE-Flow
  

       
  
        
       
  docker-compose up -d
  

3. 访问 http://localhost:8080。
2. 启动服务：
1. 克隆项目：

方式三：本地开发服务器

• 下载完整版：访问 Releases 页面下载最新版本。

• 启动本地服务器：

• 方法一：使用 Python：

        
  
         
        
  python -m http.server 8000
  

  然后访问 http://localhost:8000。

• 方法二：使用 Node.js：

        
  
         
        
  npx serve .
  

  然后访问显示的本地地址。

• 方法三：使用 VSCode 的 Live Server 插件：

1. 安装 Live Server 插件。
2. 右键点击 index.html，选择 "Open with Live Server"。

• 注意：不能直接双击 index.html 文件，会因为浏览器安全策略导致无法加载数据文件。