thewidlarzgroup/react-native-video
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
react-native向けの<Video />コンポーネント
概要
DRM、オフライン再生、HLS/DASHストリーミングなどをサポートする、React Native向けの最も実戦実証済みのオープンソースビデオプレーヤーコンポーネントです。 これは現在開発中のreact-native-videoの新バージョン(v7)です。変更や機能不足が予想されます。ご質問があれば、[email protected] までお問い合わせください。 React-Native-Video v7は新しいReact Nativeアーキテクチャの完全サポートを導入し、より良いパフォーマンス、一貫性の向上、そして最新のネイティブモジュールを解放します。 - 📖 ドキュメント - 🤖 AIエージェントスキル — Claudeコード、カーソル、Codexで正しくReact-native-videoを活用;npxスキルでインストール TheWidlarzGroup/react-native-videoを追加 - 📦 例:基本使用法 - 📦 例:無料DRMストリーム - React Native 0.75以上 - react-native-nitro-modules (>=0.31.10) - Nitro要件を参照してください React-native-videoはプロジェクト内でreact-native-nitroモジュール(>=0.31.10)が必要です。 react-native-native < 0。
概要（AI 翻訳）
DRM、オフライン再生、HLS/DASHストリーミングなどをサポートする、React Native向けの最も実戦実証済みのオープンソースビデオプレーヤーコンポーネントです。
[!重要] これは現在活発開発中の
react-native-videoの新バージョン(v7)です。 壊れた変更や機能の欠落が予想されます。ご質問があれば、[email protected] までお問い合わせください。
🔍 特徴
| 特徴 | ステータス |
|---|---|
| 📱 iOS/Androidでネイティブサポートされているすべてのビデオフォーマットを再生 | ✅利用可能 |
| ▶️ ローカルおよびリモート再生 | ✅利用可能 |
| 🔁 ストリーミング:HLS • DASH • SmoothStreaming | ✅利用可能 |
| 🧩 Expoプラグインのサポート | ✅利用可能 |
| 📴 オフライン再生、動画ダウンロード、サイドトラックおよびサイドキャプションのサポート(オプションSDK経由) | ✅利用可能 |
| 📱 ピクチャー・イン・ピクチャー | ✅利用可能 |
| 🎚️ トラック、バッファリング、イベントの細かい制御 | 🏗️開発中 |
| 🧠 再生とバッファリングの高度な制御 | ✅利用可能 |
| 🔐 DRM:Widevine & FairPlay(無料のDRMストリーム例を参照) | ✅利用可能 |
| 🌐 基本的なウェブサポート | ✅利用可能 |
| 📺 テレビサポート | 📝 TODO |
| 🥽 VisionOSサポート | 📝 TODO |
✨ プロジェクトの状況
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
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