
thewidlarzgroup/react-native-video
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Компонент <Video /> для react-native
Обзор
Самый проверенный в боях открытый видеоплеер для React Native с поддержкой DRM, офлайн-воспроизведения, потоковой передачи HLS/DASH и многого другого. Это новая версия (v7) react-native-video, которая в настоящее время находится в активной разработке. Ожидайте неудачных изменений и отсутствующих функций. Если у вас есть вопросы, пожалуйста, свяжитесь с нами по адресу [email protected]. react-native-video v7 вводит полную поддержку новой архитектуры React Native, открывая лучшую производительность, улучшенную стабильность и современные нативные модули. - 📖 Документация - 🤖 Навык агента ИИ — корректное использование react-native-video с агентами кодирования ИИ (Claude Code, Cursor, Codex); установка с npx-навыками добавить TheWidlarzGroup/react-native-video - 📦 Пример: Базовое использование - 📦 Пример: Бесплатный поток DRM - React Native 0.75 или выше — react-native-nitro-модули (>=0.31.10) — см. требования к нитро react-native-video требует react-native-nitro-модулей (>=0.31.10) в вашем проекте. Для react-native react-native < 0.
Обзор (машинный перевод)
Самый проверенный в боях открытый видеоплеер для React Native с поддержкой DRM, офлайн-воспроизведения, потоковой передачи HLS/DASH и многого другого.
[! ВАЖНО] Это новая версия (v7)
react-native-video, которая в настоящее время находится в активной разработке. Можно ожидать неисправных изменений и отсутствующих функций.Если у вас есть вопросы, пожалуйста, свяжитесь с нами по адресу [email protected].
🔍 Особенности
| Функция | Статус |
|---|---|
| 📱 Воспроизводит все видеоформаты, поддерживаемые нативно на iOS/Android | ✅ Доступно |
| ▶️ Локальное и удалённое воспроизведение | ✅ Доступно |
| 🔁 Стриминг: HLS • DASH • SmoothStreaming | ✅ Доступно |
| 🧩 Поддержка плагинов Expo | ✅ Доступно |
| 📴 Офлайн-воспроизведение, загрузка видео, поддержка сайд-треков и сайд-титров (через опциональный SDK) | ✅ Доступно |
| 📱 Фото в картинке | ✅ Доступно |
| 🎚️ Детальное управление треками, буферированием и событиями | 🏗️ В разработке |
| 🧠 Расширенный контроль воспроизведения и буферизации | ✅ Доступно |
| 🔐 DRM: Widevine и FairPlay (см. пример бесплатного потока DRM) | ✅ Доступно |
| 🌐 Базовая веб-поддержка | ✅ Доступно |
| 📺 Поддержка ТВ | 📝 TODO |
| 🥽 Поддержка VisionOS | 📝 TODO |
✨ Статус проекта
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
The most battle-tested open-source video player component for React Native with support for DRM, offline playback, HLS/DASH streaming, and more.
[!IMPORTANT] This is a new version (v7) of
react-native-videothat is currently in active development. You can expect breaking changes and missing features.If you have any questions, please contact us at [email protected].
🔍 Features
| Feature | Status |
|---|---|
| 📱 Plays all video formats natively supported by iOS/Android | ✅ Available |
| ▶️ Local and remote playback | ✅ Available |
| 🔁 Streaming: HLS • DASH • SmoothStreaming | ✅ Available |
| 🧩 Expo plugin support | ✅ Available |
| 📴 Offline playback, video download, support for side-tracks and side-captions (via optional SDK) | ✅ Available |
| 📱 Picture in Picture | ✅ Available |
| 🎚️ Fine-grained control over tracks, buffering & events | 🏗️ In Development |
| 🧠 Advanced control over playback and buffering | ✅ Available |
| 🔐 DRM: Widevine & FairPlay (See free DRM stream example) | ✅ Available |
| 🌐 Basic Web Support | ✅ Available |
| 📺 TV Support | 📝 TODO |
| 🥽 VisionOS Support | 📝 TODO |
✨ Project Status
| Version | State | Architecture |
|---|---|---|
| v5 and lower | ❌ End-of-life Commercial Support Available | Old Architecture |
| v6 | 🛠 Maintained (community + TWG) | Old + New (Interop Layer) |
| v7 | 🚀 Active Development | Old + New (Full Support) |
react-native-video v7 introduces full support for the new React Native architecture, unlocking better performance, improved consistency, and modern native modules.
📚 Documentation & Examples
- 📖 Documentation
- 🤖 AI agent skill — use react-native-video correctly with AI coding agents (Claude Code, Cursor, Codex); install with
npx skills add TheWidlarzGroup/react-native-video - 📦 Example: Basic Usage
- 📦 Example: Free DRM Stream
🚀 Quick Start
Requirements
Рекомендуемые инструменты
Попробуйте другой запрос или уберите фильтр.
Установка
npx skillfish add thewidlarzgroup/react-native-video