[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7208":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":16,"starSnapshotCount":16,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},7208,"react-native-video","TheWidlarzGroup\u002Freact-native-video","TheWidlarzGroup","A \u003CVideo \u002F> component for react-native","https:\u002F\u002Fdocs.thewidlarzgroup.com\u002Freact-native-video\u002F",null,"Kotlin",7695,3028,100,203,0,1,19,41,"MIT License",false,"master",true,[],"2026-06-12 02:01:36","[![React Native Video Component](.\u002Fdocs\u002Fstatic\u002Fbanners\u002Frnv-banner.png)](https:\u002F\u002Fthewidlarzgroup.com\u002F?utm_source=rnv&utm_medium=readme&utm_id=banner)\n\nThe most battle-tested open-source video player component for React Native with support for DRM, offline playback, HLS\u002FDASH streaming, and more.\n\n> [!IMPORTANT]\n> This is a new version (v7) of `react-native-video` that is currently in active development.\n> You can expect breaking changes and missing features.\n> \n> If you have any questions, please contact us at [hi@thewidlarzgroup.com](mailto:hi@thewidlarzgroup.com).\n\n## 🔍 Features\n\n| Feature | Status |\n|---------|--------|\n| 📱 Plays all video formats natively supported by iOS\u002FAndroid | ✅ Available |\n| ▶️ Local and remote playback | ✅ Available |\n| 🔁 Streaming: HLS • DASH • SmoothStreaming | ✅ Available |\n| 🧩 Expo plugin support | ✅ Available |\n| 📴 Offline playback, video download, support for side-tracks and side-captions (via [optional SDK](https:\u002F\u002Fdocs.thewidlarzgroup.com\u002Foffline-video-sdk?utm_source=rnv&utm_medium=readme&utm_id=features-text)) | ✅ Available |\n| 📱 Picture in Picture | ✅ Available |\n| 🎚️ Fine-grained control over tracks, buffering & events | 🏗️ In Development |\n| 🧠 Advanced control over playback and buffering | ✅ Available |\n| 🔐 DRM: Widevine & FairPlay ([See free DRM stream example](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fservices\u002Ffree-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm)) | ✅ Available |\n| 🌐 Basic Web Support | ✅ Available |\n| 📺 TV Support | 📝 [TODO](https:\u002F\u002Fgithub.com\u002FTheWidlarzGroup\u002Freact-native-video\u002Fissues\u002F4607) |\n| 🥽 VisionOS Support | 📝 [TODO](https:\u002F\u002Fgithub.com\u002FTheWidlarzGroup\u002Freact-native-video\u002Fissues\u002F4608) |\n\n\n\n## ✨ Project Status\n\n| Version | State | Architecture |\n|---------|-------|--------------|\n| **v5 and lower** | ❌ End-of-life [Commercial Support Available](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fblog\u002Freact-native-video-upgrade-challenges-custom-maintenance-support#how-we-can-help?utm_source=rnv&utm_medium=readme&utm_id=upgradev5) | Old Architecture |\n| **v6** | 🛠 Maintained (community + TWG) | Old + New (Interop Layer) |\n| **v7** | 🚀 Active Development | Old + New (Full Support) |\n\n`react-native-video` v7 introduces full support for the new React Native architecture, unlocking better performance, improved consistency, and modern native modules.\n\n---\n\n## 📚 Documentation & Examples\n\n- 📖 [Documentation](https:\u002F\u002Fdocs.thewidlarzgroup.com\u002Freact-native-video\u002Fdocs\u002Fv7\u002Fintro)\n- 📦 [Example: Basic Usage](https:\u002F\u002Fgithub.com\u002FTheWidlarzGroup\u002Freact-native-video\u002Ftree\u002Fv7\u002Fexample)\n- 📦 [Example: Free DRM Stream](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fservices\u002Ffree-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm)\n\n## 🚀 Quick Start\n\n### Requirements\n\n- React Native 0.75 or higher\n- `react-native-nitro-modules` (>=0.31.10) - Please see [nitro requirements](https:\u002F\u002Fnitro.margelo.com\u002Fdocs\u002Fminimum-requirements)\n\n### Install\n\n`react-native-video` requires `react-native-nitro-modules` (>=0.31.10) in your project.\n```bash\nnpm install react-native-nitro-modules\n```\n\nThen install `react-native-video`\n\n```bash\n# Install the beta version of react-native-video v7\nnpm install react-native-video@beta\n\n# Install pods\ncd ios && pod install\n```\n\n\u003Cdetails>\n\u003Csummary>For react-native \u003C 0.80\u003C\u002Fsummary>\n`react-native` \u003C 0.80 have bug that prevents to properly handle errors by nitro modules on Android.\nWe highly recommend to apply bellow patch for `react-native-nitro-modules` to fix this issue.\nYou can apply it using `patch-package`.\n\nWithout this patch you won't be able \"recognize\" errors, all will be thrown as unknown errors.\n\nsee [installation guide](https:\u002F\u002Fdocs.thewidlarzgroup.com\u002Freact-native-video\u002Fdocs\u002Fv7\u002Finstallation#patch-for-react-native--080)\n\u003C\u002Fdetails>\n\n### Usage\n```tsx\nimport { useVideoPlayer, VideoView } from 'react-native-video';\n\nexport default () => (\n  const player = useVideoPlayer(\n    'https:\u002F\u002Fwww.w3schools.com\u002Fhtml\u002Fmov_bbb.mp4',\n    (_player) => {\n      _player.play();\n    }\n  );\n\n  \u003CVideoView\n    player={player}\n    style={{ width: '100%', aspectRatio: 16 \u002F 9 }}\n    controls\n  \u002F>\n);\n```\n\n---\n\n## :inbox_tray: We're building a Pro Player!\n\n\u003Ca href=\"https:\u002F\u002Fsdk.thewidlarzgroup.com\">\n  \u003Cimg src=\".\u002Fdocs\u002Fstatic\u002Fbanners\u002Frnv-pro-player-banner.png\" alt=\"Offline SDK Preview\" width=\"40%\" align=\"right\" \u002F>\n\u003C\u002Fa>\n\nWe see the need for a more feature-rich video player. There is a gap between open source and commercial players, and we want to fill that gap with plugins.\n\n**Are you using a commercial player just for 1-2 features?** Maybe you are paying for a license just to get **Caching**, **Ads**, or **Analytics**? Let us know. We want to identify these missing pieces and build them, so you can switch back to open source.\n\n**This is what we have already. Check out!**\n\n* [Offline Video](https:\u002F\u002Fsdk.thewidlarzgroup.com\u002Foffline-video): Logic for downloading streams (HLS\u002FDASH) and standard video files to enable offline playback.\n* [Background Uploader](https:\u002F\u002Fsdk.thewidlarzgroup.com\u002Fbackground-uploader): Handles uploads even if the app is minimized (not strictly a player plugin, but super useful).\n* [Chapter Markers](https:\u002F\u002Fsdk.thewidlarzgroup.com\u002Fchapters): Visual markers on the timeline to navigate content.\n\n\u003Cbr\u002F>\n\u003Cbr\u002F>\n\n[-> Tell us what to build next ←](https:\u002F\u002Fsdk.thewidlarzgroup.com\u002Fask-for-plugin) or reach out to us sdk@thewidlarzgroup.com\n\n\u003Cbr\u002F>\n\n---\n\n## 💼 TWG Services & Products\n\n| Offering | Description |\n|----------|-------------|\n| [**Professional Support Packages**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fissue-boost?utm_source=rnv&utm_medium=readme&utm_campaign=professional-support-packages#Contact) | Priority bug-fixes, guaranteed SLAs, [roadmap influence](https:\u002F\u002Fgithub.com\u002Forgs\u002FTheWidlarzGroup\u002Fprojects\u002F6) |\n| [**Issue Booster**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fissue-boost?utm_source=rnv&utm_medium=readme) | Fast-track urgent fixes with a pay‑per‑issue model |\n| [**Offline Video SDK**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Foffline-video-sdk\u002F?utm_source=rnv&utm_medium=readme&utm_campaign=downloading&utm_id=offline-video-sdk-link) | Plug‑and‑play secure download solution for iOS & Android |\n| [**Integration Support**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002F?utm_source=rnv&utm_medium=readme&utm_campaign=integration-support#Contact) | Hands‑on help integrating video, DRM & offline into your app |\n| [**Free DRM Token Generator**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fservices\u002Ffree-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm) | Generate Widevine \u002F FairPlay tokens for testing |\n| [**Ready Boilerplates**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fshowcases?utm_source=rnv&utm_medium=readme) | Ready-to-use apps with offline HLS\u002FDASH DRM, video frame scrubbing, TikTok-style video feed, background uploads, Skia-based frame processor (R&D phase), and more |\n| [**React Native Video Upgrade Guide**](https:\u002F\u002Fwww.thewidlarzgroup.com\u002Fblog\u002Freact-native-video-upgrade-challenges-custom-maintenance-support?utm_source=rnv&utm_medium=readme&utm_id=upgrade-blog&utm_campaign=v7) | Common upgrade pitfalls & how to solve them |\n\n*See how [TWG](https:\u002F\u002Fwww.thewidlarzgroup.com\u002F?utm_source=rnv&utm_medium=readme&utm_id=services-text) helped **Learnn** ship a world‑class player in record time -  [case study](https:\u002F\u002Fgitnation.com\u002Fcontents\u002Fa-4-year-retrospective-lessons-learned-from-building-a-video-player-from-scratch-with-react-native).*\n\nContact us at [hi@thewidlarzgroup.com](mailto:hi@thewidlarzgroup.com)\n\n## 🌍 Social\n\n- 🐦 **X \u002F Twitter** - [follow product & release updates](https:\u002F\u002Fx.com\u002FTheWidlarzGroup)\n- 💬 **Discord** - [talk to the community and us](https:\u002F\u002Fdiscord.gg\u002F9WPq6Yx)\n- 💼 **LinkedIn** - [see TWG flexing](https:\u002F\u002Flinkedin.com\u002Fcompany\u002Fthe-widlarz-group)\n\n## 📰 Community & Media\n\n- 🗽 **React Summit US** – How TWG helped Learnn boost video performance on React Native.  \n[Watch the talk »](https:\u002F\u002Fgitnation.com\u002Fcontents\u002Fa-4-year-retrospective-lessons-learned-from-building-a-video-player-from-scratch-with-react-native)\n\n- 🧨 **v7 deep dive** – Why we’re building v7 with Nitro Modules\n[Watch on X »](https:\u002F\u002Fx.com\u002Fkrzysztof_moch\u002Fstatus\u002F1854162551946478051)\n\n- 🛠️ **Well-maintained open-source library** - What does it truly mean? - Bart's talk for React Native Warsaw\n[Watch here »](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=RAQQwGCQNqY)\n\n- 📺 **“Over the Top” Panel** - Building Streaming Apps for Mobile, Web, and Smart TVs - Bart giving his insights on the industry\n[Watch here »](https:\u002F\u002Fyoutu.be\u002Fj2b_bG-32JI)\n","`react-native-video` 是一个为 React Native 应用设计的视频播放组件。该项目支持多种视频格式的本地和远程播放，包括 HLS、DASH 等流媒体协议，并具备离线播放、数字版权管理（DRM）、画中画模式等功能，同时提供了对 Expo 插件的支持。适用于需要在移动应用中集成高质量视频播放功能的场景，如在线教育平台、视频点播服务等。目前处于活跃开发阶段的新版本 v7，不仅兼容旧版架构还全面支持新的 React Native 架构，带来更优性能与一致性体验。",2,"2026-06-11 03:11:12","top_language"]