@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

@Ryrenz: Incredible! Converts entire ebooks to audiobooks using your own voice – 19,700 stars on GitHub. On your commute, wanting to 'finish' a book, current methods are all awkward: the book you want isn't on audiobook platforms, machine reading has that robotic tone you want to close immediately, and in Chinese, it often misreads pauses. This...

X AI KOLs Timeline

This project converts ebooks to audiobooks, supporting various formats and TTS engines, including voice cloning, ideal for listening during commutes.

@fhwofjow51260: Recommends an open-source project, DashPlayer, a video player designed for English learning. Unlike ordinary players, it combines watching videos and learning English. American dramas, YouTube, course videos can all become English learning materials. If you usually like using American dramas, movies, or YouTube to learn English, this player…

X AI KOLs Timeline

Recommends open-source project DashPlayer, a video player designed for English learning, supporting bilingual subtitles, subtitle-based jumping, word lookup, Bluetooth remote control, etc., turning American dramas, YouTube, and other videos into English learning materials.

@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.

@Vincent_AINotes: You read 100 books, saved 500 videos, and listened to 200 podcasts. Then what? Most of them lie idle in your notes, never reopened. Cangjie Skill does one thing: distills the methodologies from books, long-form videos, and podcasts into skills that AI can directly invoke. After reading…

X AI KOLs Timeline

Cangjie Skill is a tool that distills methodologies from books, long-form videos, and podcasts into AI-directly-invokable skills, allowing you to take away actionable methodologies after reading or watching.