@pigeonmal/react-native-video 7.0.0-beta.2 → 7.0.0-beta.3

package/README.md

@@ -1,163 +1,28 @@
-[![React Native Video Component](./docs/static/baners/rnv-banner.png)](https://thewidlarzgroup.com/?utm_source=rnv&utm_medium=readme&utm_id=banner)
+Last commit sync : 1eb317a566a6d8ae9ee831a09dd931629e287ab5
+Date: 18/12/2025
 
-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 [hi@thewidlarzgroup.com](mailto:hi@thewidlarzgroup.com).
-
-## 🔍 Features
-
-| Feature | Status |
-|---------|--------|
-| 📱 Plays all video formats natively supported by iOS/Android | ✅ Available & Production Ready by August |
-| ▶️ Local and remote playback | ✅ Available & Production Ready by August |
-| 🔁 Streaming: HLS • DASH • SmoothStreaming | ✅ Available & Production Ready by August |
-| 🧩 Expo plugin support | ✅ Available & Production Ready by August |
-| 📴 Offline playback, video download, support for side-tracks and side-captions (via [optional SDK](https://docs.thewidlarzgroup.com/offline-video-sdk?utm_source=rnv&utm_medium=readme&utm_id=features-text)) | ✅ Available & Production Ready by August |
-| 📱 Picture in Picture | ✅ Available & Production Ready by August |
-| 🎚️ Fine-grained control over tracks, buffering & events | 🏗️ In Development |
-| 🧠 Advanced control over playback and buffering | 📝 [TODO](https://github.com/TheWidlarzGroup/react-native-video/issues/4604) |
-| 🔐 DRM: Widevine & FairPlay ([See free DRM stream example](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm)) | 📝 [TODO](https://github.com/TheWidlarzGroup/react-native-video/issues/4606) |
-| 🌐 Basic Web Support | 📝 [TODO](https://github.com/TheWidlarzGroup/react-native-video/issues/4605) |
-| 📺 TV Support | 📝 [TODO](https://github.com/TheWidlarzGroup/react-native-video/issues/4607) |
-| 🥽 VisionOS Support | 📝 [TODO](https://github.com/TheWidlarzGroup/react-native-video/issues/4608) |
-
-
-
-## ✨ Project Status
-
-| Version | State | Architecture |
-|---------|-------|--------------|
-| **v5 and lower** | ❌ End-of-life [Commercial Support Available](https://www.thewidlarzgroup.com/blog/react-native-video-upgrade-challenges-custom-maintenance-support#how-we-can-help?utm_source=rnv&utm_medium=readme&utm_id=upgradev5) | 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](https://docs.thewidlarzgroup.com/react-native-video)
-- 📦 [Example: Basic Usage](https://github.com/TheWidlarzGroup/react-native-video/tree/v7/example)
-- 📦 [Example: Free DRM Stream](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm)
-- 📦 Example: Offline SDK integration - In Progress 🏗️, will be available soon
-
-## 🚀 Quick Start
-
-### Requirements
-
-- React Native 0.75 or higher
-- `react-native-nitro-modules` (>=0.27.2) - Please see [nitro requirements](https://nitro.margelo.com/docs/minimum-requirements)
-
-### Install
-
-`react-native-video` requires `react-native-nitro-modules` (>=0.27.2) in your project.
-```bash
-npm install react-native-nitro-modules
+(Only android)
+Install :
+1) npm install @pigeonmal/react-native-video@beta react-native-nitro-fetch
+2) Add this to android/app/settings.gradle
 ```
+include ':media3-ffmpeg-decoder'
 
-Then install `react-native-video`
-
-```bash
-# Install the beta version of react-native-video v7
-npm install react-native-video@beta
-
-# Install pods
-cd ios && pod install
-```
-
-<details>
-<summary>For react-native < 0.80</summary>
-`react-native` < 0.80 have bug that prevents to properly handle errors by nitro modules on Android.
-We highly recommend to apply bellow patch for `react-native-nitro-modules` to fix this issue.
-You can apply it using `patch-package`.
-
-Without this patch you won't be able "recognize" errors, all will be thrown as unknown errors.
-
-see [installation guide](https://docs.thewidlarzgroup.com/react-native-video/docs/v7/installation#patch-for-react-native--080)
-</details>
-
-### Usage
-```tsx
-import { useVideoPlayer, VideoView } from 'react-native-video';
-
-export default () => (
-  const player = useVideoPlayer(
-    'https://www.w3schools.com/html/mov_bbb.mp4',
-    (_player) => {
-      _player.play();
-    }
-  );
-
-  <VideoView
-    player={player}
-    style={{ width: '100%', aspectRatio: 16 / 9 }}
-    controls
-  />
-);
+project(':media3-ffmpeg-decoder').projectDir = file('../../node_modules/react-native-video/android/media3-ffmpeg-decoder')
 ```
+3) create a patch for react-native-nitro-fetch like in the patches/react-native-nitro-fetch@x.patch
 
 ---
-
-## 🧩 Plugins
-
-<a href="https://www.thewidlarzgroup.com/offline-video-sdk?utm_source=rnv&utm_medium=readme&utm_id=banner">
-  <img src="./docs/static/baners/sdk-banner.png" alt="Offline SDK Preview" width="40%" align="right" />
-</a>
-
-### 1 · 📥 Offline SDK
-
-Enable offline streaming with full control over downloads, license lifecycle, secure storage, and media access.
-
-- Track selection (bitrate, audio, subtitles)
-- Pause / resume & background queueing
-- Expiration & auto-cleanup
-- Built for Android & iOS
-- → [Read the SDK Docs](https://docs.thewidlarzgroup.com/offline-video-sdk?utm_source=rnv&utm_medium=readme&utm_id=modules-sdk-text)
-
-### 2 · 🧪 Architecture
-
-Write your own plugins to extend library logic, attach analytics or add custom workflows - **without forking** the core SDK.  
-→ [Plugin documentation](https://docs.thewidlarzgroup.com/react-native-video/other/plugin)
-
----
-
-## 💼 TWG Services & Products
-
-| Offering | Description |
-|----------|-------------|
-| [**Professional Support Packages**](https://www.thewidlarzgroup.com/issue-boost?utm_source=rnv&utm_medium=readme&utm_campaign=professional-support-packages#Contact) | Priority bug-fixes, guaranteed SLAs, [roadmap influence](https://github.com/orgs/TheWidlarzGroup/projects/6) |
-| [**Issue Booster**](https://www.thewidlarzgroup.com/issue-boost?utm_source=rnv&utm_medium=readme) | Fast-track urgent fixes with a pay‑per‑issue model |
-| [**Offline Video SDK**](https://www.thewidlarzgroup.com/offline-video-sdk/?utm_source=rnv&utm_medium=readme&utm_campaign=downloading&utm_id=offline-video-sdk-link) | Plug‑and‑play secure download solution for iOS & Android |
-| [**Integration Support**](https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=readme&utm_campaign=integration-support#Contact) | Hands‑on help integrating video, DRM & offline into your app |
-| [**Free DRM Token Generator**](https://www.thewidlarzgroup.com/services/free-drm-token-generator-for-video?utm_source=rnv&utm_medium=readme&utm_id=free-drm) | Generate Widevine / FairPlay tokens for testing |
-| [**Ready Boilerplates**](https://www.thewidlarzgroup.com/showcases?utm_source=rnv&utm_medium=readme) | Ready-to-use apps with offline HLS/DASH DRM, video frame scrubbing, TikTok-style video feed, background uploads, Skia-based frame processor (R&D phase), and more |
-| [**React Native Video Upgrade Guide**](https://www.thewidlarzgroup.com/blog/react-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 |
-
-*See how [TWG](https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=readme&utm_id=services-text) helped **Learnn** ship a world‑class player in record time -  [case study](https://gitnation.com/contents/a-4-year-retrospective-lessons-learned-from-building-a-video-player-from-scratch-with-react-native).*
-
-Contact us at [hi@thewidlarzgroup.com](mailto:hi@thewidlarzgroup.com)
-
-## 🌍 Social
-
-- 🐦 **X / Twitter** - [follow product & release updates](https://x.com/TheWidlarzGroup)
-- 💬 **Discord** - [talk to the community and us](https://discord.gg/9WPq6Yx)
-- 💼 **LinkedIn** - [see TWG flexing](https://linkedin.com/company/the-widlarz-group)
-
-## 📰 Community & Media
-
-- 🗽 **React Summit US** – How TWG helped Learnn boost video performance on React Native.  
-[Watch the talk »](https://gitnation.com/contents/a-4-year-retrospective-lessons-learned-from-building-a-video-player-from-scratch-with-react-native)
-
-- 🧨 **v7 deep dive** – Why we’re building v7 with Nitro Modules
-[Watch on X »](https://x.com/krzysztof_moch/status/1854162551946478051)
-
-- 🛠️ **Well-maintained open-source library** - What does it truly mean? - Bart's talk for React Native Warsaw
-[Watch here »](https://www.youtube.com/watch?v=RAQQwGCQNqY)
-
-- 📺 **“Over the Top” Panel** - Building Streaming Apps for Mobile, Web, and Smart TVs - Bart giving his insights on the industry
-[Watch here »](https://youtu.be/j2b_bG-32JI)
+Features:
+- ffmpeg fallback
+- videoconfig: externalAudios (array of AudioTrack)
+- videoconfig: forceType 'm3u8' or 'mpd' if url not have explicit extension
+- videoconfig: forceOkhttp cronet by default but still okhttp work
+- videoconfig: initialSubtitleDelay (ms positive or negative)
+- player.subtitleDelay for subtitle delay adjust (ms positive or negative)
+- player.getAllPlayerTracks() for get all current tracks (audios, videos, texts)
+- player.selectTrackById and selectTrackByIndex for select video or audio or text
+- player.selectTextTrack removed use selectTrackById(TrackType.TEXT, trackId)
+- TextTrack type replaced to PlayerTrack
+- removed onTrackChange event
+- allPlayerTracks in onLoadData event directly

package/android/src/main/java/com/twg/video/hybrids/videoplayersource/HybridVideoPlayerSourceFactory.kt

@@ -1,12 +1,42 @@
 package com.margelo.nitro.video
 
+import android.content.Context
+import android.net.Uri
+import androidx.media3.common.MediaItem
+import androidx.media3.datasource.RawResourceDataSource
+import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.proguard.annotations.DoNotStrip
+import com.margelo.nitro.NitroModules
 
 @DoNotStrip
 class HybridVideoPlayerSourceFactory: HybridVideoPlayerSourceFactorySpec() {
+  private val applicationContext: Context
+    get() = NitroModules.applicationContext
+      ?: throw IllegalStateException(
+        "NitroModules.applicationContext has not been initialized."
+      )
+
+  private fun normalizeUri(input: String): String {
+    val parsedUri = Uri.parse(input)
+
+    if (parsedUri.scheme != null) {
+      return parsedUri.toString()
+    }
+
+    val resId = applicationContext.resources
+      .getIdentifier(input, "raw", applicationContext.packageName)
+
+    if (resId == 0) {
+      throw IllegalArgumentException("The video resource '$input' could not be found in res/raw")
+    }
+
+    val mediaUri = RawResourceDataSource.buildRawResourceUri(resId)
+
+    return mediaUri.toString()
+  }
   override fun fromUri(uri: String): HybridVideoPlayerSourceSpec {
     val config = NativeVideoConfig(
-      uri = uri,
+      uri =  normalizeUri(uri),
       externalSubtitles = null,
       drm = null,
       headers = null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pigeonmal/react-native-video",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.3",
   "description": "<Video /> Component for React Native",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",