@Jolyne_AI: A developer studying New Concept English wanted to practice listening and reading aloud, but kept getting tripped up by trivial things: finding audio separately, dragging the progress bar back and forth to jump to a specific sentence, interrupted rhythm, plummeting efficiency. So he made an open-source tool: NCE Flow, turning all four volumes of New Concept English into an online click-to-read learning system, solving the hassle of "finding audio, matching sentences, dragging the progress bar" all at once.

X AI KOLs Timeline Tools
open-source learning-tool new-concept-english audio-player docker web-app

Summary

NCE Flow is an open-source tool that turns all four volumes of New Concept English into an online click-to-read learning system, featuring sentence-level click-to-play, multi-language views, variable speed and continuous playback, progress tracking, and more. It can be self-deployed via Docker or used directly online.

A developer studying New Concept English wanted to practice listening and reading aloud, but kept getting tripped up by these trivial issues: having to find audio separately, dragging the progress bar back and forth to jump to a specific sentence, interrupted rhythm, and plummeting efficiency. So he made an open-source tool: NCE Flow, turning all four volumes of New Concept English into an online click-to-read learning system, solving the hassle of "finding audio, matching sentences, dragging the progress bar" all at once. Click any sentence to instantly play the corresponding audio, with playback highlighting following along; supports three modes: Chinese-English, English only, and Chinese only, switching at will according to your preference. GitHub: https://github.com/luzhenhua/NCE-Flow… Online: https://nce.luzhenhua.cn Key features: - Sentence-level click-to-play: Click any sentence to hear it, precise positioning with no fuss - Three display modes: Chinese-English / English only / Chinese only - Variable speed and continuous playback: Listen, repeat, and practice at your own pace - Progress tracking and bookmarks: See where you are at a glance, review more efficiently - Apple-style interface: Dark / light theme freely switchable All four volumes are complete, supports Docker self-deployment, or simply open and learn directly online.
Original Article
View Cached Full Text

Cached at: 06/28/26, 08:03 AM

A developer was studying New Concept English to practice listening and shadowing, but kept getting stuck on these annoyances: having to find audio separately, dragging the progress bar back and forth to jump to a specific sentence, and constant interruptions that killed productivity.

So they built an open-source tool: NCE Flow — turning all four volumes of New Concept English into an online click-to-play learning system. It solves the hassle of “finding audio, aligning sentences, and dragging progress bars” all at once.

Click any sentence to instantly play its audio, with synchronized highlighting as it plays. Supports three display modes: bilingual (English+Chinese), English only, and Chinese only — switch at any time based on your preference.

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

Online: https://nce.luzhenhua.cn

Key Features:

  • Sentence-level click-to-play: Tap any sentence to play its audio — precise, no fuss
  • Three display modes: English+Chinese / English only / Chinese only
  • Speed control & continuous play: Listen, repeat, and practice at your own pace
  • Progress tracking & favorites: See where you left off, review more efficiently
  • Apple-style UI: Dark/Light theme freely toggled

All four volumes are included. Supports Docker self-deployment, or just open it online and start learning instantly.

luzhenhua/NCE-Flow

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

NCE Flow

New Concept English online click-to-play — tap a sentence, hear it instantly, or play continuously

GitHub stars (https://github.com/luzhenhua/NCE-Flow) GitHub forks (https://github.com/luzhenhua/NCE-Flow) GitHub release (https://github.com/luzhenhua/NCE-Flow/releases) License

Online demo: https://nce.luzhenhua.cn | Download full release: Releases (https://github.com/luzhenhua/NCE-Flow/releases)

Core Features

  • Sentence-level click-to-play: Click any sentence to start playing, with automatic highlighting
  • Multi-language view: EN / EN+CN / CN three display modes
  • Playback controls: Speed adjustment, continuous/single-sentence mode, loop mode, resume from breakpoint
  • Global keyboard shortcuts: Space to play/pause, arrow keys for navigation, volume control
  • Learning management: Course favorites, learning records, progress tracking
  • Modern interface: Apple-style, dark/light themes, responsive design
  • Zero dependencies: Purely static files, unzip and use

Quick Start

Method 1: Docker One-Click Deploy (Simplest)

Just one command, no need to download code:

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

Then visit http://localhost:8080!

Custom port:

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

For detailed Docker deployment instructions, see DOCKER.md

Method 2: Docker Compose Deployment

Best for custom configuration:

# Clone the project
git clone https://github.com/luzhenhua/NCE-Flow.git
cd NCE-Flow

# Start the service
docker-compose up -d

# Visit http://localhost:8080

Method 3: Local Development Server

  1. Download the full release: Visit the Releases page (https://github.com/luzhenhua/NCE-Flow/releases)

  2. Unzip and start a local server:

    Option 1: Using Python

    # In the unzipped folder, open a terminal and run:
python -m http.server 8000
# Then visit: http://localhost:8000

    Note: Some Python versions’ built-in http.server do not support HTTP Range requests, which may cause “clicking a sentence to jump restarts playback from the beginning”. It’s recommended to use Node, Docker, NGINX, etc. instead.

    Option 2: Using Node.js

    # In the unzipped folder, run:
npx serve .
# Then visit the local address shown

    Option 3: Using VSCode’s Live Server extension

    • Install the Live Server extension
    • Right-click index.html and select “Open with Live Server”

  3. Open the local address displayed in your browser and start learning!

Note: Do not double-click index.html directly, as browser security policies will prevent data files from loading.

Project Structure

NCE-Flow/
├── assets/          # Styles and scripts
├── static/          # Course data
├── NCE1~NCE4/       # Audio and subtitle files for all four volumes
├── index.html       # Home page
├── lesson.html      # Lesson page
└── README.md        # Documentation

Version History

See full changelog: Releases (https://github.com/luzhenhua/NCE-Flow/releases)

Latest Versions

  • v1.7.9 (2026-02-06): Removed four duplicate dots displayed below the “After play” area on mobile to avoid confusion with settings
  • v1.7.5 (2026-01-10): Auto-next now supports auto-stop (stop after N consecutive lessons)
  • v1.7.4 (2025-12-24): Hide top/bottom navigation bars automatically on mobile browsers for an immersive experience
  • v1.7.2 (2025-12-24): Fixed iOS auto-next not playing automatically (shows a one-click continue prompt)
  • v1.7.1 (2025-12-22): List page experience improvements (top navigation, mobile settings, empty state hint)
  • v1.7.0 (2025-12-22): New list feature (favorite sentences, list reading and settings)
  • v1.6.2 (2025-12-20): Fixed options display effect in reading mode
  • v1.6.0 (2025-12-19): New shadowing mode, subtitle corrections, pause audio on page switch
  • v1.5.1 (2025-12-13): Fixed local click-to-play jump, fixed SW pre-caching
  • v1.5.0 (2025-12-12): Lesson page interaction improvements, mobile experience adjustments
  • v1.4.9 (2025-12-06): Fixed PWA install entry, version number synchronization
  • v1.4.8 (2025-11-27): Added PWA support
  • v1.4.4 (2025-11-22): Smart skip of beginning (toggleable), playback experience improvements
  • v1.4.3 (2025-11-10): Optimized course translations, fixed speed reset after switching courses
  • v1.4.2 (2025-10-26): Fixed dark mode toggle on mobile, optimized theme switching logic
  • v1.3.3 (2025-10-20): Fixed back button behavior on course page
  • v1.3.2 (2025-10-19): UI enhancements & bug fixes – shortcut panel optimization, version display, panel toggle fix
  • v1.3.1 (2025-10-19): Layout optimization – fixed course navigation button layout
  • v1.3.0 (2025-10-19): Loop mode support – single-sentence loop and whole-lesson loop
  • v1.2.0 (2025-10-19): Global keyboard shortcuts – space, arrow keys, volume control
  • v1.1.4 (2025-10-18): Docker deployment support – one-click deploy for easier use
  • v1.1.3 (2025-10-18): Stability improvements – bug fixes and code optimization
  • v1.1.1 (2025-10-17): Playback logic optimization – iOS Safari compatibility enhancement
  • v1.1.0 (2025-10-17): UI improvements & auto-jump – auto-play next lesson
  • v1.0.0 (2025-10-11): Full release – includes all four volumes of content and audio files

Disclaimer

Important: This project’s content is for personal learning, research, or appreciation only. It has absolutely no commercial purpose.

  • This project is solely a learning aid to complement legitimate New Concept English textbooks
  • The copyright of audio and text content belongs to the original copyright holders
  • Strictly prohibited for any commercial use or unauthorized distribution
  • By using this project, you agree to the above terms

Support the Official Version

The developer used legitimate New Concept English textbooks during learning. This tool was created to help fellow English learners who also love New Concept English.

To protect the rights of copyright holders, please purchase official textbooks before using this site:

  • Buy legally authorized New Concept English textbooks
  • Use officially authorized learning resources and platforms
  • Support original authors and educational publishers
  • This project is only a supplementary learning tool for official textbooks

We welcome copyright holders to offer criticism and suggestions. If there are any copyright issues or if your legal rights are affected, please contact: [email protected]. We will handle it immediately.

Acknowledgments

Thanks to the following projects and individuals for their contributions:

  • @reaishijie (https://github.com/reaishijie) – submitted PR #3 (https://github.com/luzhenhua/NCE-Flow/pull/3), adding playback speed control buttons and persistent speed settings for lesson pages
  • @iChochy (https://github.com/iChochy) – the NCE project (https://github.com/iChochy/NCE/) compiled and provided complete New Concept English learning materials, including cover images, MP3 audio files, and LRC subtitle files, which served as the valuable foundation for this project

Thanks to everyone who starred, suggested, and gave feedback!

License

MIT License

If this project helps you, please give it a Star ⭐ to show support!

You can also buy me a coffee ☕ via Aifadian

Made with ❤️ by Luzhenhua

Similar Articles

@wsl8297: Want to turn ebooks or documents into audiobooks? Many tools sound too robotic or lack subtitle sync, leaving you frustrated. Then I found the open-source project Abogen: it supports ePub, PDF, plain text, etc., one-click conversion to high-quality audio with auto-generated synchronized subtitles. It uses Kokoro voice at its core…

X AI KOLs Timeline

Abogen is an open-source tool that can convert documents like ePub and PDF into high-quality audio with one click, automatically generating synchronized subtitles. It supports a voice mixer and multiple deployment methods.

@Honcia13: The open-source tool that turns ebooks into audiobooks in seconds is here—Audiblez! Just drop in an EPUB and within minutes it outputs a high-quality M4B audiobook! It uses the Kokoro voice model with only 82M parameters, but the listening experience is incredibly natural. Highlights: Running Animal Farm on a T4 GPU takes only 5 minutes. Supports Chinese, English, and more…

X AI KOLs Timeline

Audiblez is an open-source tool that quickly converts EPUB ebooks into high-quality M4B audiobooks. It uses the Kokoro-82M voice model, supports multiple languages and a graphical interface, and can be installed with a single pip command.

@JiweiYuan: Recently built a Mac-native AI reading tool called OakReader. While reading PDF papers/eBooks or browsing the web, when you're confused, just press a button to open the sidebar, select a passage of text, and you can discuss it with your favorite AI model without ever having to switch to ChatGPT / Claude / …

X AI KOLs Timeline

OakReader is a Mac-native AI reading tool that supports reading PDF papers/eBooks and web pages. It comes with built-in sidebar AI chat, note-taking, translation, browser, and reference management features, and can be configured with multiple AI models.

@noahduck283: A tool that can download any YouTube video, cleanly remove vocals, transcribe, translate into 100+ languages, clone the original voice, and perform fully automatic dubbing. It takes less than 2 minutes. 100% runs locally. Free. Sews six top open-source models into a web page for "one-click download, vocal removal, transcription, translation, dubbing"...

X AI KOLs Timeline

Voice-Pro is a web tool that integrates six top open-source models (Whisper, Demucs, CosyVoice, F5-TTS, etc.), supporting YouTube video downloading, vocal removal, transcription, translation, voice cloning, and fully automatic dubbing. It takes less than 2 minutes, runs 100% locally, and is free.