Chapter Markers
for Every Video
Transform long-form content into navigable experiences. Let users jump to exactly what they need with beautiful chapter markers, smart tooltips, and silky-smooth performance.
Long Videos Are Hard to Navigate
Users scrub blindly through hour-long content, missing key moments. Your competitors already have chapter markers. Now you can too - without building from scratch.
Visual Chapter Markers
Colored indicators on the seekbar show exactly where each chapter begins. Users instantly see video structure at a glance.
Smart Tooltips
During scrubbing, tooltips automatically show chapter title and playback time. No more guessing what comes next.
Programmatic Navigation
Build custom chapter lists, jump-to-chapter buttons. Full API control for any navigation UI you imagine.
How It Works
Three simple steps to transform your video player with professional chapter navigation.
Enable the Plugin
Install the package and enable the chapters plugin in your configuration. One-time setup.
Define Your Chapters
Pass an array of chapter objects with title and timestamp. Load from your backend or define statically.
Watch It Work
That's it! Markers appear automatically on the seekbar. Tooltips show during scrubbing. Navigation just works.
60% Less CPU
Than Default Controls
Our custom iOS implementation delivers exceptional performance. Benchmarked during aggressive seeking scenarios with real devices.
The Difference Is Clear
Visual chapter markers transform how users navigate your content.
Without Chapters
Standard video player
- Guessing where content starts
- Rewatching to find moments
- Frustrating for long videos
With Chapter Markers
Enhanced navigation
- Jump directly to any section
- See video structure at a glance
- 40% higher completion rates
Perfect for Every Video Type
From online courses to documentaries, chapter markers make long-form content accessible, engaging, and highly navigable.
E-Learning & Courses
Break down lectures into digestible chapters. Students jump to topics they need to review.
Tutorials & How-To
Skip to specific steps in multi-part tutorials. Navigate directly to features users need.
Documentaries
Organize by themes or chronological segments. Make long-form content feel accessible.
Podcasts & Interviews
Mark topic changes and key discussion points. Navigate to specific conversations easily.
Product Demos
Let prospects jump to features that interest them. Better engagement, higher conversion.
Event Recordings
Segment by speakers, sessions, or Q&A. Jump straight to relevant presentations.
Chapters Drive Real Results
Native Performance on Both Platforms
Purpose-built implementations for iOS and Android that leverage each platform's strengths for optimal performance.
iOS
Custom Player UI
Apple's AVPlayerViewController doesn't allow seekbar customization. We built a fully custom solution with chapter markers.
- Chapter tooltip at top of screen
- Custom play/pause overlay controls
- Thread-safe state management
- Optimized for smooth seeking
Android
ExoPlayer Integration
Leverages ExoPlayer's native ad marker system to display chapter positions seamlessly on the default seekbar.
- Visual markers on native seekbar
- Native Tooltip system
- Safe area support for fullscreen
- Custom marker colors via styling
- Native ExoPlayer performance
Everything You Need for Chapters
A complete solution with all the features developers need to build great chapter navigation experiences.
Visual Markers
Display chapter positions directly on the seekbar with customizable colored indicators that users instantly recognize.
Smart Tooltips
Automatic tooltip display showing chapter title and playback time during scrubbing for intuitive navigation.
Jump to Chapter
Navigate to any chapter by title with the programmatic API. Build custom chapter lists or integrate with voice commands.
High Performance
60% less CPU usage compared to default controls. Better battery life, smoother playback, and responsive interactions.
Cross-Platform
Native implementations for both iOS and Android that leverage each platform's strengths for optimal experience.
Auto-Sorted Chapters
Chapters are automatically sorted by time and invalid entries are filtered out. Just provide the data, we handle the rest.
Simple API,
Powerful Results
Designed for developers who value clean, intuitive APIs. Define your chapters once, and the plugin handles all the complexity—marker rendering, tooltip positioning, state management, and cross-platform differences.
Works with react-native-video v7
Seamless integration as a ReactNativeVideoPlugin extension.
TypeScript-First
Full type definitions for chapters, events, and configuration.
Dynamic Updates
Update chapters on the fly without restarting playback.
import { setChapters } from '@react-native-video/chapters';
Pricing
We offer flexible pricing tailored to your needs
Every project is different. Whether you're a startup or an enterprise, we'll work with you to find a pricing model that fits your scale and requirements.
Common Questions
Everything you need to know about the Chapters plugin.
Haven't found your answer?
Ready to Add Chapters
to Your App?
Transform your video player with professional chapter navigation. Better UX, higher engagement, and smoother performance.