TR

thewidlarzgroup/react-native-video

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

7,7 тыс. stars Качество 74 Тренд 50MIT

Компонент <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-video that 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

🚀 Quick Start

Requirements

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add thewidlarzgroup/react-native-video
Новичок в MCP? Начните с руководства на mcpskill.org →