react-native-theoplayer 7.5.1 → 7.7.0

package/react-native-theoplayer.podspec

@@ -32,23 +32,23 @@ Pod::Spec.new do |s|
   s.dependency "React-Core"
   
   # THEOplayer core Dependency
-  s.dependency "THEOplayerSDK-core", "~> 7.4"
+  s.dependency "THEOplayerSDK-core", "~> 7.8"
   
   if theofeatures.include?("GOOGLE_IMA") 
 	puts "Adding THEOplayer-Integration-GoogleIMA"
-    s.dependency "THEOplayer-Integration-GoogleIMA/Base", "~> 7.4"
-	s.dependency "THEOplayer-Integration-GoogleIMA/Dependencies", "~> 7.4"
+    s.dependency "THEOplayer-Integration-GoogleIMA/Base", "~> 7.8"
+	s.dependency "THEOplayer-Integration-GoogleIMA/Dependencies", "~> 7.8"
   end
   
   if theofeatures.include?("CHROMECAST")
 	puts "Adding THEOplayer-Integration-GoogleCast"
-    s.ios.dependency "THEOplayer-Integration-GoogleCast/Base", "~> 7.4"
+    s.ios.dependency "THEOplayer-Integration-GoogleCast/Base", "~> 7.8"
 	s.ios.dependency "google-cast-sdk-dynamic-xcframework", "~> 4.8"
   end
   
   if theofeatures.include?("SIDELOADED_TEXTTRACKS") 
 	puts "Adding THEOplayer-Connector-SideloadedSubtitle"
-    s.dependency "THEOplayer-Connector-SideloadedSubtitle", "~> 7.4"
+    s.dependency "THEOplayer-Connector-SideloadedSubtitle", "~> 7.8"
   end
   
 end

package/src/api/player/THEOplayer.ts

@@ -19,7 +19,7 @@ export type PreloadType = 'none' | 'metadata' | 'auto' | '';
 /**
  * Specifies an aspect ratio for the player.
  *
- * <br/> - `FIT` (default): Scales the player so that all content fits inside its bounding box, keeping the original aspect ratio of the content..
+ * <br/> - `FIT` (default): Scales the player so that all content fits inside its bounding box, keeping the original aspect ratio of the content.
  * <br/> - `FILL`: Scales the player so that all content fits inside the bounding box, which will be stretched to fill it entirely.
  * <br/> - `ASPECT_FILL`: Scales the player so that the content fills up the entire bounding box, keeping the original aspect ratio of the content.
  *
@@ -32,6 +32,20 @@ export enum AspectRatio {
   ASPECT_FILL = 'aspectFill',
 }
 
+/**
+ * Specifies the rendering target for the player.
+ *
+ * <br/> - `SURFACE_VIEW` (default): Render video to a {@link https://developer.android.com/reference/android/view/SurfaceView | SurfaceView}.
+ * <br/> - `TEXTURE_VIEW`: Render video to a {@link https://developer.android.com/reference/android/view/TextureView | TextureView}.
+ *
+ * @public
+ * @defaultValue `'SURFACE_VIEW'`
+ */
+export enum RenderingTarget {
+  SURFACE_VIEW = 'surfaceView',
+  TEXTURE_VIEW = 'textureView',
+}
+
 export type NativeHandleType = unknown;
 
 /**
@@ -176,6 +190,15 @@ export interface THEOplayer extends EventDispatcher<PlayerEventMap> {
    */
   aspectRatio: AspectRatio;
 
+  /**
+   * Specifies where the player is displaying the video.
+   *
+   * @defaultValue `SURFACE_VIEW`
+   * @remarks
+   * Only available for Android.
+   */
+  renderingTarget?: RenderingTarget;
+
   /**
    * Toggle the wake-lock on the player view. The screen will time out if disabled.
    *

package/src/internal/adapter/DefaultNativePlayerState.ts

@@ -7,7 +7,9 @@ import {
   PiPConfiguration,
   PreloadType,
   PresentationMode,
-  SourceDescription, TimeRange,
+  RenderingTarget,
+  SourceDescription,
+  TimeRange,
 } from 'react-native-theoplayer';
 
 export class DefaultNativePlayerState extends DefaultTextTrackState implements NativePlayerState {
@@ -27,6 +29,7 @@ export class DefaultNativePlayerState extends DefaultTextTrackState implements N
   playbackRate = 1;
   preload: PreloadType = 'none';
   aspectRatio: AspectRatio = AspectRatio.FIT;
+  renderingTarget: RenderingTarget = RenderingTarget.SURFACE_VIEW;
   keepScreenOn = true;
   audioTracks: MediaTrack[] = [];
   videoTracks: MediaTrack[] = [];

package/src/internal/adapter/NativePlayerState.ts

@@ -1,4 +1,4 @@
-import { MediaTrack, PreloadType, PresentationMode, SourceDescription, TextTrack, TimeRange } from 'react-native-theoplayer';
+import { MediaTrack, PreloadType, PresentationMode, RenderingTarget, SourceDescription, TextTrack, TimeRange } from 'react-native-theoplayer';
 import type { PiPConfiguration, AspectRatio, BackgroundAudioConfiguration } from 'react-native-theoplayer';
 
 export interface PlayerConfigState {
@@ -24,6 +24,7 @@ export interface PlaybackState {
   buffered: TimeRange[];
   presentationMode: PresentationMode;
   aspectRatio: AspectRatio;
+  renderingTarget: RenderingTarget;
 }
 
 export interface MediaTrackState {

package/src/internal/adapter/THEOplayerAdapter.ts

@@ -1,5 +1,5 @@
 import { DefaultEventDispatcher } from './event/DefaultEventDispatcher';
-import type {
+import {
   ABRConfiguration,
   AdsAPI,
   CastAPI,
@@ -15,6 +15,7 @@ import type {
   PresentationModeChangeEvent,
   ProgressEvent,
   RateChangeEvent,
+  RenderingTarget,
   ResizeEvent,
   SourceDescription,
   TextTrack,
@@ -446,13 +447,24 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     NativePlayerModule.setAspectRatio(this._view.nativeHandle, ratio);
   }
 
+  get renderingTarget(): RenderingTarget {
+    return this._state.renderingTarget;
+  }
+
+  set renderingTarget(target: RenderingTarget) {
+    if (Platform.OS === 'android') {
+      this._state.renderingTarget = target;
+      NativePlayerModule.setRenderingTarget(this._view.nativeHandle, target);
+    }
+  }
+
   get keepScreenOn(): boolean {
     return this._state.keepScreenOn;
   }
 
   set keepScreenOn(value: boolean) {
-    this._state.keepScreenOn = value;
     if (Platform.OS === 'android') {
+      this._state.keepScreenOn = value;
       NativePlayerModule.setKeepScreenOn(this._view.nativeHandle, value);
     }
   }

package/src/internal/adapter/web/WebPresentationModeManager.ts

@@ -31,10 +31,12 @@ export class WebPresentationModeManager {
     if (fullscreenAPI !== undefined) {
       // All other browsers
       if (presentationMode === PresentationMode.fullscreen) {
-        const appElement = document.getElementById('app')!;
-        const promise = appElement[fullscreenAPI.requestFullscreen_]();
-        if (promise && promise.then) {
-          promise.then(noOp, noOp);
+        const appElement = document.getElementById('app') ?? document.getElementById('root');
+        if (appElement !== null) {
+          const promise = appElement[fullscreenAPI.requestFullscreen_]();
+          if (promise && promise.then) {
+            promise.then(noOp, noOp);
+          }
         }
       } else if (presentationMode === PresentationMode.pip) {
         void this._element?.requestPictureInPicture?.();