@jwplayer/jwplayer-react-native 1.1.2 → 1.2.0

package/README.md

@@ -275,11 +275,44 @@ Follow these steps to enable background audio sessions:
 1. Set `backgroundAudioEnabled` to `true` in the `config`.
 2. Ensure that background audio is set for [Android](https://docs.jwplayer.com/players/docs/android-enable-background-audio) or [iOS](https://docs.jwplayer.com/players/docs/ios-player-backgrounding-reference#configure-audio-playback).
 
+#### Android Opt-Out Information
+Suppose you are **not** using the background audio service on Android. In that case, you will need to modify the [manifest](https://github.com/jwplayer/jwplayer-react-native/blob/master/android/src/main/AndroidManifest.xml) from our library (either in the node_modules, or in your fork before compilation) so as not to register a service that you will never use. Google can and will reject your Play Store submission if this is skipped. See the modified manifest below, which shows what to remove (commented-out permissions and services). Additionally, once this is done, you can never set `backgroundAudioEnabled` to true on Android, or you will run into a fatal crash.
+
+```xml
+
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.jwplayer.rnjwplayer">
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+    <!-- <uses-permission android:name="android.permission.FOREGROUND_SERVICE" /> -->
+    <uses-permission android:name="android.permission.BLUETOOTH"/>
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
+    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <!-- <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" /> -->
+    <!--    READ_MEDIA_IMAGES, READ_MEDIA_VIDEO or READ_MEDIA_AUDIO.-->
+
+    <application>
+        <!-- <service
+            android:name="com.jwplayer.pub.api.background.MediaService"
+            android:foregroundServiceType="mediaPlayback"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="android.intent.action.MEDIA_BUTTON" />
+            </intent-filter>
+        </service> -->
+    </application>
+
+</manifest>
+  
+```
+
 <br /><br />
 
 ### Casting
 
-[Android](#android-casting) | [iOS](#ios-casting)
+[Android](#android-casting) | [iOS](#ios-casting) | [DRM Casting](#drm-casting)
 
 JWP enables casting by default with a casting button.
 
@@ -342,6 +375,13 @@ typedef NS_ENUM(NSUInteger, GCKCastState) {
 };
 ```
 
+#### DRM Casting
+Casting your DRM protected content requires some additional configuration and most likely a custom Chromecast Receiver.
+
+See our Android and iOS documentation about creating ([iOS](https://docs.jwplayer.com/players/docs/ios-create-a-custom-receiver) / [Android](https://docs.jwplayer.com/players/docs/android-create-a-custom-receiver)) and sending data ([iOS](https://docs.jwplayer.com/players/docs/ios-enable-casting-to-chromecast-devices#send-custom-data-to-a-custom-receiver) / [Android](https://docs.jwplayer.com/players/docs/android-enable-casting-to-chromecast-devices#send-custom-data-to-a-custom-receiver)) for more information.
+
+To send custom data to your receiver, use the `userInfo` prop and avoid using the reserved `sources` key, as the JWP SDK will append the DRM source information here for you to parse in your DRM enabled receiver. 
+
 <br /><br />
 
 ### DRM

package/RNJWPlayer.podspec

@@ -9,10 +9,10 @@ Pod::Spec.new do |s|
   s.license      = package['license']
   s.authors      = package['author']
   s.homepage     = package['homepage']
-  s.platform     = :ios, "14.0"
+  s.platform     = :ios, "15.0"
   s.source       = { :git => "https://github.com/jwplayer/jwplayer-react-native.git", :tag => "v#{s.version}" }
   s.source_files  = "ios/RNJWPlayer/*.{h,m,swift}"
-  s.dependency   'JWPlayerKit', '4.22.0'
+  s.dependency   'JWPlayerKit', '4.23.2'
   s.dependency   'React-Core'
   s.static_framework = true
   s.info_plist = {

package/android/build.gradle

@@ -73,7 +73,7 @@ allprojects {
     }
 }
 
-def jwPlayerVersion = "4.21.0"
+def jwPlayerVersion = "4.21.1"
 def exoplayerVersion = "2.18.7" // Deprecated. Use Media3 when targeting JW SDK > 4.16.0
 def media3ExoVersion = "1.4.1"
 

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerModule.java

@@ -1,5 +1,7 @@
 package com.jwplayer.rnjwplayer;
 
+import android.util.Log;
+
 import android.os.Handler;
 import android.os.Looper;
 
@@ -13,17 +15,16 @@ import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.uimanager.IllegalViewOperationException;
-import com.facebook.react.uimanager.NativeViewHierarchyManager;
-import com.facebook.react.uimanager.UIBlock;
 import com.facebook.react.uimanager.UIManagerHelper;
-import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.jwplayer.pub.api.JWPlayer;
 import com.jwplayer.pub.api.PlayerState;
+import com.jwplayer.pub.api.UiGroup;
 import com.jwplayer.pub.api.configuration.PlayerConfig;
+import com.jwplayer.pub.api.configuration.UiConfig;
 import com.jwplayer.pub.api.media.adaptive.QualityLevel;
 import com.jwplayer.pub.api.media.audio.AudioTrack;
+
 import java.util.List;
 
 public class RNJWPlayerModule extends ReactContextBaseJavaModule {
@@ -58,6 +59,21 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
         }
     }
 
+    /**
+     * Creates a UiConfig that ensures PLAYER_CONTROLS_CONTAINER is always shown.
+     * If controls are not shown, the PLAYER_CONTROLS_CONTAINER UI Group is not displayed.
+     * This logic ensures that the PLAYER_CONTROLS_CONTAINER UI Group is displayed regardless if controls are shown or not.
+     * There is no way to recover controls if you do not show this UiGroup.
+     * But you are able to hide the controls still if it is shown.
+     */
+    private UiConfig createUiConfigWithControlsContainer(JWPlayer player, UiConfig originalUiConfig) {
+        if (!player.getControls()) {
+            return new UiConfig.Builder(originalUiConfig).show(UiGroup.PLAYER_CONTROLS_CONTAINER).build();
+        } else {
+            return originalUiConfig;
+        }
+    }
+
     @ReactMethod
     public void loadPlaylist(final int reactTag, final ReadableArray playlistItems) {
         new Handler(Looper.getMainLooper()).post(() -> {
@@ -66,6 +82,8 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                 JWPlayer player = playerView.mPlayerView.getPlayer();
 
                 PlayerConfig oldConfig = player.getConfig();
+                boolean wasFullscreen = player.getFullscreen();
+                UiConfig uiConfig = createUiConfigWithControlsContainer(player, oldConfig.getUiConfig());
                 PlayerConfig config = new PlayerConfig.Builder()
                         .autostart(oldConfig.getAutostart())
                         .nextUpOffset(oldConfig.getNextUpOffset())
@@ -75,7 +93,7 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .displayTitle(oldConfig.getDisplayTitle())
                         .advertisingConfig(oldConfig.getAdvertisingConfig())
                         .stretching(oldConfig.getStretching())
-                        .uiConfig(oldConfig.getUiConfig())
+                        .uiConfig(uiConfig)
                         .playlist(Util.createPlaylist(playlistItems))
                         .allowCrossProtocolRedirects(oldConfig.getAllowCrossProtocolRedirects())
                         .preload(oldConfig.getPreload())
@@ -85,6 +103,11 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .build();
 
                 player.setup(config);
+                // if the player was fullscreen, set it to fullscreen again as the player is recreated
+                // The fullscreen view is still active but the internals don't know it is
+                if (wasFullscreen) {
+                    player.setFullscreen(true, true);
+                }
             }
         });
     }
@@ -97,6 +120,8 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                 JWPlayer player = playerView.mPlayerView.getPlayer();
 
                 PlayerConfig oldConfig = player.getConfig();
+                boolean wasFullscreen = player.getFullscreen();
+                UiConfig uiConfig = createUiConfigWithControlsContainer(player, oldConfig.getUiConfig());
                 PlayerConfig config = new PlayerConfig.Builder()
                         .autostart(oldConfig.getAutostart())
                         .nextUpOffset(oldConfig.getNextUpOffset())
@@ -106,7 +131,7 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .displayTitle(oldConfig.getDisplayTitle())
                         .advertisingConfig(oldConfig.getAdvertisingConfig())
                         .stretching(oldConfig.getStretching())
-                        .uiConfig(oldConfig.getUiConfig())
+                        .uiConfig(uiConfig)
                         .playlistUrl(playlistUrl)
                         .allowCrossProtocolRedirects(oldConfig.getAllowCrossProtocolRedirects())
                         .preload(oldConfig.getPreload())
@@ -116,6 +141,11 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
                         .build();
 
                 player.setup(config);
+                // if the player was fullscreen, set it to fullscreen again as the player is recreated
+                // The fullscreen view is still active but the internals don't know it is
+                if (wasFullscreen) {
+                    player.setFullscreen(true, true);
+                }
             }
         });
     }
@@ -402,6 +432,16 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
         });
     }
 
+    @ReactMethod
+    /**
+     * Stub method for recreatePlayerWithConfig - this method is iOS only
+     * On Android, create a new player instance with the new configuration instead
+     */
+    public void recreatePlayerWithConfig(final int reactTag, final ReadableMap config) {
+        // No-op on Android - this method is iOS only
+        Log.w("RNJWPlayer", "recreatePlayerWithConfig is not supported on Android. Create a new player instance with the new configuration instead.");
+    }
+
     private int stateToInt(PlayerState playerState) {
         switch (playerState) {
             case IDLE:

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerView.java

@@ -1,6 +1,7 @@
 package com.jwplayer.rnjwplayer;
 
 
+import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.app.ActivityManager;
 import android.content.BroadcastReceiver;
@@ -372,9 +373,9 @@ public class RNJWPlayerView extends RelativeLayout implements
 
             // If we are casting we need to break the cast session as there is no simple
             // way to reconnect to an existing session if the player that created it is dead
-            
+
             // If this doesn't match your use case, using a single player object and load content
-            // into it rather than creating a new player for every piece of content. 
+            // into it rather than creating a new player for every piece of content.
             mPlayer.stop();
 
             // send signal to JW SDK player is destroyed
@@ -537,7 +538,7 @@ public class RNJWPlayerView extends RelativeLayout implements
         }
     }
 
-   public void resolveNextPlaylistItem(ReadableMap playlistItem) {
+    public void resolveNextPlaylistItem(ReadableMap playlistItem) {
         if (itemUpdatePromise == null) {
             return;
         }
@@ -741,7 +742,7 @@ public class RNJWPlayerView extends RelativeLayout implements
                 public void run() {
                     // View may not have been removed properly (especially if returning from PiP)
                     mPlayerViewContainer.removeView(mPlayerView);
-                    
+
                     mPlayerViewContainer.addView(mPlayerView, new ViewGroup.LayoutParams(
                             ViewGroup.LayoutParams.MATCH_PARENT,
                             ViewGroup.LayoutParams.MATCH_PARENT));
@@ -856,6 +857,7 @@ public class RNJWPlayerView extends RelativeLayout implements
         }
     }
 
+    @SuppressLint("UnspecifiedRegisterReceiverFlag")
     private void registerReceiver() {
         mReceiver = new PipHandlerReceiver();
         IntentFilter intentFilter = new IntentFilter("onPictureInPictureModeChanged");
@@ -879,11 +881,28 @@ public class RNJWPlayerView extends RelativeLayout implements
 
     }
 
+    /**
+     * Creates a UiConfig that ensures PLAYER_CONTROLS_CONTAINER is always shown.
+     * If controls are not shown, the PLAYER_CONTROLS_CONTAINER UI Group is not displayed.
+     * This logic ensures that the PLAYER_CONTROLS_CONTAINER UI Group is displayed regardless if controls are shown or not.
+     * There is no way to recover controls if you do not show this UiGroup.
+     * But you are able to hide the controls still if it is shown.
+     */
+    private UiConfig createUiConfigWithControlsContainer(JWPlayer player, UiConfig originalUiConfig) {
+        if (!player.getControls()) {
+            return new UiConfig.Builder(originalUiConfig).show(UiGroup.PLAYER_CONTROLS_CONTAINER).build();
+        } else {
+            return originalUiConfig;
+        }
+    }
+
     public void setConfig(ReadableMap prop) {
         if (mConfig == null || !mConfig.equals(prop)) {
             if (mConfig != null && isOnlyDiff(prop, "playlist") && mPlayer != null) { // still safe check, even with JW
                 // JSON change
                 PlayerConfig oldConfig = mPlayer.getConfig();
+                boolean wasFullscreen = mPlayer.getFullscreen();
+                UiConfig uiConfig = createUiConfigWithControlsContainer(mPlayer, oldConfig.getUiConfig());
                 PlayerConfig config = new PlayerConfig.Builder()
                         .autostart(oldConfig.getAutostart())
                         .nextUpOffset(oldConfig.getNextUpOffset())
@@ -893,7 +912,7 @@ public class RNJWPlayerView extends RelativeLayout implements
                         .displayTitle(oldConfig.getDisplayTitle())
                         .advertisingConfig(oldConfig.getAdvertisingConfig())
                         .stretching(oldConfig.getStretching())
-                        .uiConfig(oldConfig.getUiConfig())
+                        .uiConfig(uiConfig)
                         .playlist(Util.createPlaylist(mPlaylistProp))
                         .allowCrossProtocolRedirects(oldConfig.getAllowCrossProtocolRedirects())
                         .preload(oldConfig.getPreload())
@@ -903,6 +922,11 @@ public class RNJWPlayerView extends RelativeLayout implements
                         .build();
 
                 mPlayer.setup(config);
+                // if the player was fullscreen, set it to fullscreen again as the player is recreated
+                // The fullscreen view is still active but the internals don't know it is
+                if (wasFullscreen) {
+                    mPlayer.setFullscreen(true, true);
+                }
             } else {
                 if (prop.hasKey("license")) {
                     new LicenseUtil().setLicenseKey(getReactContext(), prop.getString("license"));
@@ -952,130 +976,132 @@ public class RNJWPlayerView extends RelativeLayout implements
                 .deepEquals(new ReadableArray[]{mPlaylistProp}, new ReadableArray[]{prop.getArray("playlist")});
     }
 
-    private void setupPlayer(ReadableMap prop) {
-        // Legacy
-        PlayerConfig.Builder configBuilder = new PlayerConfig.Builder();
-
-        JSONObject obj;
-        PlayerConfig jwConfig = null;
-        Boolean forceLegacy = prop.hasKey("forceLegacyConfig") ? prop.getBoolean("forceLegacyConfig") : false;
-        Boolean playlistItemCallbackEnabled = prop.hasKey("playlistItemCallbackEnabled") ? prop.getBoolean("playlistItemCallbackEnabled") : false;
-        Boolean isJwConfig = false;
-        if (!forceLegacy) {
-            try {
-                obj = MapUtil.toJSONObject(prop);
-                jwConfig = JsonHelper.parseConfigJson(obj);
-                isJwConfig = true;
-            } catch (Exception ex) {
-                Log.e("RNJWPlayerView", ex.toString());
-                isJwConfig = false; // not a valid jw config. Try to setup in legacy
-            }
-        }
-
-        if (!isJwConfig) {
-            // Legacy
-            if (playlistNotTheSame(prop)) {
-                List<PlaylistItem> playlist = new ArrayList<>();
-                mPlaylistProp = prop.getArray("playlist");
-                if (mPlaylistProp != null && mPlaylistProp.size() > 0) {
-
-                    int j = 0;
-                    while (mPlaylistProp.size() > j) {
-                        ReadableMap playlistItem = mPlaylistProp.getMap(j);
-
-                        PlaylistItem newPlayListItem = Util.getPlaylistItem((playlistItem));
-                        playlist.add(newPlayListItem);
-                        j++;
-                    }
+    private void configurePlaylist(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (playlistNotTheSame(prop)) {
+            List<PlaylistItem> playlist = new ArrayList<>();
+            mPlaylistProp = prop.getArray("playlist");
+            if (mPlaylistProp != null && mPlaylistProp.size() > 0) {
+                int j = 0;
+                while (mPlaylistProp.size() > j) {
+                    ReadableMap playlistItem = mPlaylistProp.getMap(j);
+                    PlaylistItem newPlayListItem = Util.getPlaylistItem((playlistItem));
+                    playlist.add(newPlayListItem);
+                    j++;
                 }
-
-                configBuilder.playlist(playlist);
             }
+            configBuilder.playlist(playlist);
+        }
+    }
 
-            // Legacy
-            if (prop.hasKey("autostart")) {
-                boolean autostart = prop.getBoolean("autostart");
-                configBuilder.autostart(autostart);
-            }
+    private void configureBasicSettings(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("autostart")) {
+            boolean autostart = prop.getBoolean("autostart");
+            configBuilder.autostart(autostart);
+        }
 
-            // Legacy
-            if (prop.hasKey("nextUpStyle")) {
-                ReadableMap nextUpStyle = prop.getMap("nextUpStyle");
-                if (nextUpStyle != null && nextUpStyle.hasKey("offsetSeconds")
-                        && nextUpStyle.hasKey("offsetPercentage")) {
-                    int offsetSeconds = prop.getInt("offsetSeconds");
-                    int offsetPercentage = prop.getInt("offsetPercentage");
-                    configBuilder.nextUpOffset(offsetSeconds).nextUpOffsetPercentage(offsetPercentage);
-                }
+        if (prop.hasKey("nextUpStyle")) {
+            ReadableMap nextUpStyle = prop.getMap("nextUpStyle");
+            if (nextUpStyle != null && nextUpStyle.hasKey("offsetSeconds")
+                    && nextUpStyle.hasKey("offsetPercentage")) {
+                int offsetSeconds = prop.getInt("offsetSeconds");
+                int offsetPercentage = prop.getInt("offsetPercentage");
+                configBuilder.nextUpOffset(offsetSeconds).nextUpOffsetPercentage(offsetPercentage);
             }
+        }
 
-            // Legacy
-            if (prop.hasKey("repeat")) {
-                boolean repeat = prop.getBoolean("repeat");
-                configBuilder.repeat(repeat);
-            }
+        if (prop.hasKey("repeat")) {
+            boolean repeat = prop.getBoolean("repeat");
+            configBuilder.repeat(repeat);
+        }
 
-            // Legacy
-            if (prop.hasKey("styling")) {
-                ReadableMap styling = prop.getMap("styling");
-                if (styling != null) {
-                    if (styling.hasKey("displayDescription")) {
-                        boolean displayDescription = styling.getBoolean("displayDescription");
-                        configBuilder.displayDescription(displayDescription);
-                    }
+        if (prop.hasKey("stretching")) {
+            String stretching = prop.getString("stretching");
+            configBuilder.stretching(stretching);
+        }
+    }
 
-                    if (styling.hasKey("displayTitle")) {
-                        boolean displayTitle = styling.getBoolean("displayTitle");
-                        configBuilder.displayTitle(displayTitle);
-                    }
+    private void configureStyling(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("styling")) {
+            ReadableMap styling = prop.getMap("styling");
+            if (styling != null) {
+                if (styling.hasKey("displayDescription")) {
+                    boolean displayDescription = styling.getBoolean("displayDescription");
+                    configBuilder.displayDescription(displayDescription);
+                }
 
-                    if (styling.hasKey("colors")) {
-                        mColors = styling.getMap("colors");
-                    }
+                if (styling.hasKey("displayTitle")) {
+                    boolean displayTitle = styling.getBoolean("displayTitle");
+                    configBuilder.displayTitle(displayTitle);
                 }
-            }
 
-            // Legacy
-            if (prop.hasKey("advertising")) {
-                ReadableMap ads = prop.getMap("advertising");
-                AdvertisingConfig advertisingConfig = RNJWPlayerAds.getAdvertisingConfig(ads);
-                if (advertisingConfig != null) {
-                    configBuilder.advertisingConfig(advertisingConfig);
+                if (styling.hasKey("colors")) {
+                    mColors = styling.getMap("colors");
                 }
             }
+        }
+    }
 
-            // Legacy
-            if (prop.hasKey("stretching")) {
-                String stretching = prop.getString("stretching");
-                configBuilder.stretching(stretching);
+    private void configureAdvertising(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("advertising")) {
+            ReadableMap ads = prop.getMap("advertising");
+            AdvertisingConfig advertisingConfig = RNJWPlayerAds.getAdvertisingConfig(ads);
+            if (advertisingConfig != null) {
+                configBuilder.advertisingConfig(advertisingConfig);
             }
+        }
+    }
 
-            // Legacy
-            // this isn't the ideal way to do controls...
-            // Better to just expose the `.setControls` method
-            if (prop.hasKey("controls")) {
-                boolean controls = prop.getBoolean("controls");
-                if (!controls) {
-                    UiConfig uiConfig = new UiConfig.Builder().hideAllControls().build();
-                    configBuilder.uiConfig(uiConfig);
-                }
+    private void configureUI(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("controls")) {
+            boolean controls = prop.getBoolean("controls");
+            if (!controls) {
+                UiConfig uiConfig = new UiConfig.Builder().hideAllControls().build();
+                configBuilder.uiConfig(uiConfig);
             }
+        }
 
-            // Legacy
-            if (prop.hasKey("hideUIGroups")) {
-                ReadableArray uiGroupsArray = prop.getArray("hideUIGroups");
-                UiConfig.Builder hideConfigBuilder = new UiConfig.Builder().displayAllControls();
-                for (int i = 0; i < uiGroupsArray.size(); i++) {
-                    if (uiGroupsArray.getType(i) == ReadableType.String) {
-                        UiGroup uiGroup = GROUP_TYPES.get(uiGroupsArray.getString(i));
-                        if (uiGroup != null) {
-                            hideConfigBuilder.hide(uiGroup);
-                        }
+        if (prop.hasKey("hideUIGroups")) {
+            ReadableArray uiGroupsArray = prop.getArray("hideUIGroups");
+            UiConfig.Builder hideConfigBuilder = new UiConfig.Builder().displayAllControls();
+            for (int i = 0; i < uiGroupsArray.size(); i++) {
+                if (uiGroupsArray.getType(i) == ReadableType.String) {
+                    UiGroup uiGroup = GROUP_TYPES.get(uiGroupsArray.getString(i));
+                    if (uiGroup != null) {
+                        hideConfigBuilder.hide(uiGroup);
                     }
                 }
-                UiConfig hideJwControlbarUiConfig = hideConfigBuilder.build();
-                configBuilder.uiConfig(hideJwControlbarUiConfig);
             }
+            UiConfig hideJwControlbarUiConfig = hideConfigBuilder.build();
+            configBuilder.uiConfig(hideJwControlbarUiConfig);
+        }
+    }
+
+    private void setupPlayer(ReadableMap prop) {
+        PlayerConfig.Builder configBuilder = new PlayerConfig.Builder();
+
+        JSONObject obj;
+        PlayerConfig jwConfig = null;
+        Boolean forceLegacy = prop.hasKey("forceLegacyConfig") ? prop.getBoolean("forceLegacyConfig") : false;
+        Boolean playlistItemCallbackEnabled = prop.hasKey("playlistItemCallbackEnabled") ? prop.getBoolean("playlistItemCallbackEnabled") : false;
+        Boolean isJwConfig = false;
+
+        if (!forceLegacy) {
+            try {
+                obj = MapUtil.toJSONObject(prop);
+                jwConfig = JsonHelper.parseConfigJson(obj);
+                isJwConfig = true;
+            } catch (Exception ex) {
+                Log.e("RNJWPlayerView", ex.toString());
+                isJwConfig = false; // not a valid jw config. Try to setup in legacy
+            }
+        }
+
+        if (!isJwConfig) {
+            configurePlaylist(configBuilder, prop);
+            configureBasicSettings(configBuilder, prop);
+            configureStyling(configBuilder, prop);
+            configureAdvertising(configBuilder, prop);
+            configureUI(configBuilder, prop);
         }
 
         Context simpleContext = getNonBuggyContext(getReactContext(), getAppContext());

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerViewManager.java

@@ -46,6 +46,22 @@ public class RNJWPlayerViewManager extends SimpleViewManager<RNJWPlayerView> {
     view.mPlayerView.getPlayer().setControls(controls);
   }
 
+  /**
+   * Recreates the player with a new configuration, handling cleanup and PiP state.
+   * This method ensures proper cleanup and state restoration during configuration changes.
+   *
+   * @param view The RNJWPlayerView instance
+   * @param config The new configuration to apply
+   */
+  @ReactProp(name = "recreatePlayerWithConfig")
+  public void recreatePlayerWithConfig(RNJWPlayerView view, ReadableMap config) {
+    if (view == null || view.mPlayerView == null) {
+      return;
+    }
+    view.mPlayerView.getPlayer().stop();
+    view.setConfig(config);
+  }
+
   public Map getExportedCustomBubblingEventTypeConstants() {
     return MapBuilder.builder()
             .put(

package/android/src/main/java/com/jwplayer/rnjwplayer/Util.java

@@ -17,6 +17,7 @@ import com.jwplayer.pub.api.media.captions.CaptionType;
 import com.jwplayer.pub.api.media.playlists.MediaSource;
 import com.jwplayer.pub.api.media.playlists.PlaylistItem;
 
+import org.json.JSONException;
 import org.json.JSONObject;
 
 import java.io.IOException;
@@ -139,6 +140,15 @@ public class Util {
             itemBuilder.description(desc);
         }
 
+        if (playlistItem.hasKey("userInfo")) {
+            try {
+                JSONObject info = MapUtil.toJSONObject(playlistItem.getMap("userInfo"));
+                itemBuilder.userInfo(info);
+            } catch (JSONException e) {
+                Log.e("userInfo", "Error parsing `userInfo` from your playlist. Message: " + e.getLocalizedMessage());
+            }
+        }
+
         if (playlistItem.hasKey("image")) {
             String image = playlistItem.getString("image");
             itemBuilder.image(image);

package/badges/version.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="20" role="img" aria-label="version: 1.1.2"><title>version: 1.1.2</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="90" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="51" height="20" fill="#555"/><rect x="51" width="39" height="20" fill="#007ec6"/><rect width="90" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="265" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">version</text><text x="265" y="140" transform="scale(.1)" fill="#fff" textLength="410">version</text><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">1.1.2</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="290">1.1.2</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="20" role="img" aria-label="version: 1.2.0"><title>version: 1.2.0</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="90" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="51" height="20" fill="#555"/><rect x="51" width="39" height="20" fill="#007ec6"/><rect width="90" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="265" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">version</text><text x="265" y="140" transform="scale(.1)" fill="#fff" textLength="410">version</text><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">1.2.0</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="290">1.2.0</text></g></svg>

package/index.d.ts

@@ -37,6 +37,8 @@ declare module "@jwplayer/jwplayer-react-native" {
     landscapeOnFullScreen?: boolean;
     portraitOnExitFullScreen?: boolean;
     exitFullScreenOnPortrait?: boolean;
+    enableLockScreenControls?: boolean;
+    pipEnabled?: boolean;
   }
 
   type JwThumbnailPreview = 101 | 102 | 103;
@@ -172,6 +174,10 @@ declare module "@jwplayer/jwplayer-react-native" {
     schedule?: { [key: string]: JwAdBreak };
     imaDaiSettings?: JwImaDaiSettings;
     httpheaders?: { [key: string]: string };
+    /**
+     * Data to be passed to Chromecast receiver (optional and typically used for DRM implementations)
+     */
+    userInfo?: { [key: string]: any };
   }
 
   interface JwImaDaiSettings {
@@ -347,6 +353,12 @@ declare module "@jwplayer/jwplayer-react-native" {
     recommendations?: string;
     startTime?: number;
     autostart?: boolean;
+    /**
+     * Data to be passed to Chromecast receiver (optional and typically used for DRM implementations)
+     * 
+     * Only made available in legacy objects as there is no way to pass this otherwise
+     */
+    userInfo?: { [key: string]: any };
   }
   type RelatedOnClicks = "play" | "link";
   type RelatedOnCompletes = "show" | "hide" | "autoplay";
@@ -371,11 +383,15 @@ declare module "@jwplayer/jwplayer-react-native" {
       buttons?: string;
       backgroundColor?: string;
       fontColor?: string;
-      timeslider?: { progress?: string; rail?: string; thumb?: string };
+      timeslider?: { 
+        thumb?: string;
+        rail?: string;
+        slider?: string;
+      };
     };
     font?: Font;
-    displayTitle?: boolean;
-    displayDescription?: boolean;
+    showTitle?: boolean;
+    showDesc?: boolean;
     captionsStyle?: {
       font?: Font;
       fontColor?: string;
@@ -383,7 +399,7 @@ declare module "@jwplayer/jwplayer-react-native" {
       highlightColor?: string;
       edgeStyle?: EdgeStyles;
     };
-    menuStyle: {
+    menuStyle?: {
       font?: Font;
       fontColor?: string;
       backgroundColor?: string;
@@ -470,8 +486,12 @@ declare module "@jwplayer/jwplayer-react-native" {
     fairplayCertUrl?: string;
     contentUUID?: string;
     viewOnly?: boolean;
-    enableLockScreenControls: boolean;
-    pipEnabled: boolean;
+    enableLockScreenControls?: boolean;
+    pipEnabled?: boolean;
+    offlineMessage?: string;
+    offlineImage?: string;
+    forceFullScreenOnLandscape?: boolean;
+    forceLandscapeOnFullScreen?: boolean;
   }
   interface BaseEvent<T> {
     nativeEvent: T;
@@ -577,7 +597,54 @@ declare module "@jwplayer/jwplayer-react-native" {
     onBeforeNextPlaylistItem?: (event: BaseEvent<PlaylistItemEventProps>) => void;
   }
 
+  export const JWPlayerAdEvents: {
+    /// This event is reported when the ad break has come to an end.
+    JWAdEventTypeAdBreakEnd: 0;
+    /// This event is reported when the ad break has begun.
+    JWAdEventTypeAdBreakStart: 1;
+    /// This event is reported when the user taps the ad.
+    JWAdEventTypeClicked: 2;
+    /// This event is reported when the ad is done playing.
+    JWAdEventTypeComplete: 3;
+    /// This event is used to report the ad impression, supplying additional detailed information about the ad.
+    JWAdEventTypeImpression: 4;
+    /// This event reports meta data information associated with the ad.
+    JWAdEventTypeMeta: 5;
+    /// The event is reported when the ad pauses.
+    JWAdEventTypePause: 6;
+    /// This event is reported when the ad begins playing, even in the middle of the stream after it was paused.
+    JWAdEventTypePlay: 7;
+    /// The event reports data about the ad request, when the ad is about to be loaded.
+    JWAdEventTypeRequest: 8;
+    /// This event reports the schedule of ads across the currently playing content.
+    JWAdEventTypeSchedule: 9;
+    /// This event is reported when the user skips the ad.
+    JWAdEventTypeSkipped: 10;
+    /// This event is reported when the ad begins.
+    JWAdEventTypeStarted: 11;
+    /// This event relays information about ad companions.
+    JWAdEventTypeCompanion: 12;
+  };
+
+  export const JWPlayerState: {
+    JWPlayerStateUnknown?: number;
+    JWPlayerStateIdle: number;
+    JWPlayerStateBuffering: number;
+    JWPlayerStatePlaying: number;
+    JWPlayerStatePaused: number;
+    JWPlayerStateComplete: number;
+    JWPlayerStateError: number | null;
+  };
+
+  export const JWPlayerAdClients: {
+    JWAdClientJWPlayer: 0;
+    JWAdClientGoogleIMA: 1;
+    JWAdClientGoogleIMADAI: 2;
+    JWAdClientUnknown: 3;
+  };
+
   export default class JWPlayer extends React.Component<PropsType> {
+    quite(): void;
     pause(): void;
     play(): void;
     stop(): void;
@@ -591,6 +658,7 @@ declare module "@jwplayer/jwplayer-react-native" {
     setControls(show: boolean): void;
     setLockScreenControls(show: boolean): void;
     seekTo(time: number): void;
+    changePlaylist(fileUrl: string): void;
     /**
      * Side load playlist items into an already setup player
      * @param playlistItems `PlaylistItem` or `JwPlaylistItem`
@@ -602,7 +670,9 @@ declare module "@jwplayer/jwplayer-react-native" {
      */
     loadPlaylistWithUrl(playlistUrl: string): void;
     setFullscreen(fullScreen: boolean): void;
-    position(): Promise<number>;
+    time(): Promise<number | null>;
+    position(): Promise<number | null>;
+    togglePIP(): void;
     setUpCastController(): void;
     presentCastDialog(): void;
     connectedDevice(): Promise<CastingDevice | null>;
@@ -615,6 +685,57 @@ declare module "@jwplayer/jwplayer-react-native" {
     setCurrentCaptions(index: number): void;
     getCurrentCaptions(): Promise<number | null>; 
     setVisibility(visibility: boolean, controls: JWControlType[]): void;
+    /**
+     * Recreates the player with a new configuration, handling cleanup and PiP state.
+     * 
+     * NOTE: This method is only available on iOS. On Android, create a new player instance
+     * with the new configuration instead.
+     * 
+     * IMPORTANT: This method should only be called after the player has been properly
+     * initialized and is ready (i.e., after onPlayerReady has fired). Calling this
+     * method before the player is ready may lead to undefined behavior.
+     * 
+     * This method performs a complete player recreation by:
+     * 1. Safely handling PiP state if active (waits for PiP to close)
+     * 2. Performing complete cleanup of the current player instance
+     * 3. Creating a new player instance with the provided config
+     * 
+     * Use this method when you need to:
+     * - Switch between different DRM configurations
+     * - Handle content changes during PiP mode
+     * - Force a complete player recreation
+     * 
+     * Do NOT use this method:
+     * - Before the player is ready (wait for onPlayerReady)
+     * - For simple playlist updates (use loadPlaylist instead)
+     * - When the player is not properly initialized
+     * - On Android (create a new player instance instead)
+     * 
+     * @example
+     * ```typescript
+     * // Wait for player to be ready
+     * onPlayerReady={() => {
+     *   // Now safe to use recreatePlayerWithConfig (iOS only)
+     *   if (Platform.OS === 'ios') {
+     *     playerRef.current?.recreatePlayerWithConfig({
+     *       ...config,
+     *       playlist: newPlaylist
+     *     });
+     *   } else {
+     *     // On Android, create a new player instance
+     *     setPlayerConfig({
+     *       ...config,
+     *       playlist: newPlaylist
+     *     });
+     *   }
+     * }}
+     * ```
+     * 
+     * @platform ios
+     * @param config The new configuration to apply to the recreated player
+     * @throws May throw if called before player is ready or with invalid config
+     */
+    recreatePlayerWithConfig(config: Config | JwConfig): void;
     /**
      * Only called inside `onBeforeNextPlaylistItem` callback, and once per callback
      * @param playlistItem  `PlaylistItem` or  `JwPlaylistItem`

package/index.js

@@ -233,6 +233,7 @@ export default class JWPlayer extends Component {
 					desc: PropTypes.string,
 					mediaId: PropTypes.string,
 					autostart: PropTypes.bool,
+					userInfo: PropTypes.object,
 					recommendations: PropTypes.string,
 					tracks: PropTypes.arrayOf(
 						PropTypes.shape({
@@ -743,6 +744,40 @@ export default class JWPlayer extends Component {
 		}
 	}
 
+	/**
+	 * Recreates the player with a new configuration, handling cleanup and PiP state.
+	 * 
+	 * IMPORTANT: This method should only be called after the player has been properly
+	 * initialized and is ready (i.e., after onPlayerReady has fired). Calling this
+	 * method before the player is ready may lead to undefined behavior.
+	 * 
+	 * This method:
+	 * 1. Safely handles PiP state if active
+	 * 2. Performs complete cleanup of the current player instance
+	 * 3. Creates a new player instance with the provided config
+	 * 
+	 * Use this method when you need to:
+	 * - Switch between different DRM configurations
+	 * - Handle content changes during PiP mode
+	 * - Force a complete player recreation
+	 * 
+	 * @param {Config | JwConfig} config The new configuration to apply to the recreated player
+	 * @throws {Error} May throw if called before player is ready or with invalid config
+	 */
+	recreatePlayerWithConfig(config) {
+		if (!config) {
+			console.warn('JWPlayer: Attempting to recreate player with null/undefined config');
+			return;
+		}
+		
+		if (RNJWPlayerManager) {
+			RNJWPlayerManager.recreatePlayerWithConfig(
+				this.getRNJWPlayerBridgeHandle(),
+				config
+			);
+		}
+	}
+
 	getRNJWPlayerBridgeHandle() {
 		return findNodeHandle(this[this.ref_key]);
 	}

package/ios/RNJWPlayer/RNJWPlayerView.swift

@@ -275,9 +275,28 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
                     }
                 }
 
+                // Check if player is in PiP mode before loading new playlist
+                var isPipActive = false
+                var pipController: AVPictureInPictureController?
+                
+                if let playerView = playerView {
+                    pipController = playerView.pictureInPictureController
+                    isPipActive = pipController?.isPictureInPictureActive ?? false
+                } else if let playerViewController = playerViewController {
+                    pipController = playerViewController.playerView.pictureInPictureController
+                    isPipActive = pipController?.isPictureInPictureActive ?? false
+                }
+                
                 if let playerViewController = playerViewController {
-                    playerViewController.player.loadPlaylist(items: playlistArray)
+                    // We must treat PiP mode differently and setup as a new config
+                    // or else the player will become unresponsive
+                    if isPipActive {
+                        setNewConfig(config: config)
+                    } else {
+                        playerViewController.player.loadPlaylist(items: playlistArray)
+                    }
                 } else if let playerView = playerView {
+                    // If you use player only, consider doing a simpliar check for PiP as above
                     playerView.player.loadPlaylist(items: playlistArray)
                 } else {
                     setNewConfig(config: config)
@@ -288,6 +307,98 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
         }
     }
 
+    private var pendingPlayerConfig: [String: Any]?
+    private var playerConfigTimeout: Timer?
+    private let maxPendingTime: TimeInterval = 5.0 // Maximum time to wait for PiP to close
+    
+    @objc func recreatePlayerWithConfig(_ config: [String: Any]) {
+        // Cancel any existing pending configuration
+        if pendingPlayerConfig != nil {
+            print("Warning: Overriding pending content switch")
+            playerConfigTimeout?.invalidate()
+            pendingPlayerConfig = nil
+        }
+        
+        // Validate config
+        guard !config.isEmpty else {
+            print("Error: Empty config provided to recreatePlayerWithConfig")
+            return
+        }
+        
+        // 1. Handle PiP state
+        var isPipActive = false
+        var pipController: AVPictureInPictureController?
+        
+        if let playerView = playerView {
+            pipController = playerView.pictureInPictureController
+            isPipActive = pipController?.isPictureInPictureActive ?? false
+        } else if let playerViewController = playerViewController {
+            pipController = playerViewController.playerView.pictureInPictureController
+            isPipActive = pipController?.isPictureInPictureActive ?? false
+        }
+
+        // 2. If in PiP, store the config and exit PiP
+        if isPipActive {
+            guard let pipController = pipController else {
+                print("Warning: PiP appears active but controller is nil, proceeding with direct switch")
+                completePlayerReconfiguration(config: config)
+                return
+            }
+            
+            pendingPlayerConfig = config
+            
+            // Set a timeout to prevent infinite waiting
+            playerConfigTimeout = Timer.scheduledTimer(withTimeInterval: maxPendingTime, repeats: false) { [weak self] _ in
+                guard let self = self else { return }
+                print("Warning: PiP close timeout reached, forcing content switch")
+                if let pendingConfig = self.pendingPlayerConfig {
+                    self.pendingPlayerConfig = nil
+                    self.completePlayerReconfiguration(config: pendingConfig)
+                }
+            }
+            
+            // Attempt to stop PiP
+            pipController.stopPictureInPicture()
+            
+        } else {
+            completePlayerReconfiguration(config: config)
+        }
+    }
+    
+    private func completePlayerReconfiguration(config: [String: Any]) {
+        // Clear any pending timeout
+        playerConfigTimeout?.invalidate()
+        playerConfigTimeout = nil
+        
+        // Ensure we're on the main thread
+        if !Thread.isMainThread {
+            DispatchQueue.main.async { [weak self] in
+                self?.completePlayerReconfiguration(config: config)
+            }
+            return
+        }
+        
+        // 1. Stop current playback safely
+        if let playerView = playerView {
+            let state = playerView.player.getState()
+            if state == .playing || state == .buffering {
+                playerView.player.stop()
+            }
+        } else if let playerViewController = playerViewController {
+            let state = playerViewController.player.getState()
+            if state == .playing || state == .buffering {
+                playerViewController.player.stop()
+            }
+        }
+
+        // 2. Reset player state
+        dismissPlayerViewController()
+        removePlayerView()
+
+        // 3. Set new config
+        setNewConfig(config: config)
+    }
+
     func setNewConfig(config: [String : Any]) {
         let forceLegacyConfig = config["forceLegacyConfig"] as? Bool?
         let playlistItemCallback = config["playlistItemCallbackEnabled"] as? Bool?
@@ -653,8 +764,12 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
         }
 
         // Process other properties
-        if let mediaId = item["mediaId"] as? String {
-            itemBuilder.mediaId(mediaId)
+        if let mediaId = (item["mediaId"] as? String) ?? (item["mediaid"] as? String) {
+             itemBuilder.mediaId(mediaId)
+        }
+
+        if let userInfo = item["userInfo"] as? Dictionary<String, Any> {
+            itemBuilder.userInfo(userInfo)
         }
 
         if let title = item["title"] as? String {
@@ -1207,7 +1322,13 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
     }
 
     func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
-
+        // Handle any pending content switch
+        if let config = pendingPlayerConfig {
+            pendingPlayerConfig = nil
+            DispatchQueue.main.async { [weak self] in
+                self?.completePlayerReconfiguration(config: config)
+            }
+        }
     }
 
     func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {

package/ios/RNJWPlayer/RNJWPlayerViewController.swift

@@ -249,26 +249,38 @@ class RNJWPlayerViewController : JWPlayerViewController, JWPlayerViewControllerF
 
     override func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerDidStopPictureInPicture(pictureInPictureController)
+        // Forward to parent view to handle pending config changes
+        parentView?.pictureInPictureControllerDidStopPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerDidStartPictureInPicture(pictureInPictureController)
+        // Forward to parent view for logging/tracking
+        parentView?.pictureInPictureControllerDidStartPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureControllerWillStopPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerWillStopPictureInPicture(pictureInPictureController)
+        // Forward to parent view for logging/tracking
+        parentView?.pictureInPictureControllerWillStopPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureController(_ pictureInPictureController: AVPictureInPictureController, failedToStartPictureInPictureWithError error: Error) {
         super.pictureInPictureController(pictureInPictureController, failedToStartPictureInPictureWithError: error)
+        // Forward to parent view for error handling
+        parentView?.pictureInPictureController(pictureInPictureController, failedToStartPictureInPictureWithError: error)
     }
 
     override func pictureInPictureControllerWillStartPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerWillStartPictureInPicture(pictureInPictureController)
+        // Forward to parent view for logging/tracking
+        parentView?.pictureInPictureControllerWillStartPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureController(_ pictureInPictureController:AVPictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler completionHandler:@escaping (Bool) -> Void) {
         super.pictureInPictureController(pictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler: completionHandler)
+        // Forward to parent view
+        parentView?.pictureInPictureController(pictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler: completionHandler)
     }
 
     // MARK: - JWPlayer State Delegate

package/ios/RNJWPlayer/RNJWPlayerViewManager.m

@@ -4,7 +4,7 @@
 #import "RCTViewManager.h"
 #endif
 
-#import <JWPlayerKit/JWPlayerKit-swift.h>
+#import <JWPlayerKit/JWPlayerKit-Swift.h>
 
 #import "RCTUIManager.h"
 
@@ -136,6 +136,8 @@ RCT_EXTERN_METHOD(reset)
 
 RCT_EXTERN_METHOD(loadPlaylist: (nonnull NSNumber *)reactTag: (nonnull NSArray *)playlist)
 
+RCT_EXTERN_METHOD(recreatePlayerWithConfig: (nonnull NSNumber *)reactTag: (nonnull NSDictionary *)config)
+
 RCT_EXTERN_METHOD(loadPlaylistWithUrl: (nonnull NSNumber *)reactTag: (nonnull NSString *)playlist)
 
 RCT_EXTERN_METHOD(setFullscreen: (nonnull NSNumber *)reactTag: (BOOL)fullscreen)

package/ios/RNJWPlayer/RNJWPlayerViewManager.swift

@@ -552,6 +552,19 @@ class RNJWPlayerViewManager: RCTViewManager {
         }
     }
     
+    @objc func recreatePlayerWithConfig(_ reactTag: NSNumber, _ config: NSDictionary) {
+        DispatchQueue.main.async {
+            guard let view = self.bridge?.uiManager.view(
+                forReactTag: reactTag
+            ) as? RNJWPlayerView else {
+                print("Invalid view returned from registry, expecting RNJWPlayerView")
+                return
+            }
+            
+            view.recreatePlayerWithConfig(config as? [String: Any] ?? [:])
+        }
+    }
+
     @objc func loadPlaylistWithUrl(_ reactTag: NSNumber, _ playlistString: String) {
         DispatchQueue.main.async {
             guard let view = self.getPlayerView(reactTag: reactTag) else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jwplayer/jwplayer-react-native",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "React-native Android/iOS plugin for JWPlayer SDK (https://www.jwplayer.com/)",
   "main": "index.js",
   "types": "./index.d.ts",