react-native-theoplayer 2.4.0 → 2.6.0

package/lib/module/internal/adapter/THEOplayerWebAdapter.js.map

@@ -1 +1 @@
-{"version":3,"names":["DefaultEventDispatcher","THEOplayerWebAdsAdapter","THEOplayerWebCastAdapter","findNativeQualitiesByUid","fromNativeMediaTrackList","fromNativeTextTrackList","WebEventForwarder","WebPresentationModeManager","WebMediaSession","PresentationMode","defaultBackgroundAudioConfiguration","enabled","defaultPipConfiguration","startsAutomatically","THEOplayerWebAdapter","constructor","player","config","_config$mediaControl","_defineProperty","undefined","_this$_mediaSession","document","visibilityState","presentationMode","pip","backgroundAudioConfiguration","_player","pause","_mediaSession","updateActionHandlers","_adsAdapter","_castAdapter","_eventForwarder","_presentationModeManager","addEventListener","onVisibilityChange","mediaControl","mediaSessionEnabled","abr","source","_targetVideoQuality","play","paused","autoplay","preload","type","seekable","nativeRange","Array","length","map","_","index","start","end","buffered","playbackRate","pipConfiguration","_pipConfiguration","_backgroundAudioConfiguration","_this$_mediaSession2","volume","muted","seeking","audioTracks","videoTracks","textTracks","selectedTextTrack","_this$_player$textTra","find","textTrack","mode","uid","forEach","textTrackStyle","selectedVideoTrack","_this$_player$videoTr","videoTrack","selectedAudioTrack","_this$_player$audioTr","audioTrack","targetVideoQuality","enabledVideoTrack","targetQuality","currentTime","isNaN","duration","ads","cast","destroy","_this$_mediaSession3","unload","removeEventListener","nativeHandle"],"sources":["THEOplayerWebAdapter.ts"],"sourcesContent":["import { DefaultEventDispatcher } from './event/DefaultEventDispatcher';\nimport type {\n  AdsAPI,\n  CastAPI,\n  MediaTrack,\n  NativeHandleType,\n  PlayerEventMap,\n  PreloadType,\n  TextTrack,\n  TextTrackStyle,\n  THEOplayer,\n  PlayerConfiguration,\n} from 'react-native-theoplayer';\nimport { THEOplayerWebAdsAdapter } from './ads/THEOplayerWebAdsAdapter';\nimport { THEOplayerWebCastAdapter } from './cast/THEOplayerWebCastAdapter';\nimport type * as THEOplayerWeb from 'theoplayer';\nimport type { MediaTrack as NativeMediaTrack, TextTrack as NativeTextTrack } from 'theoplayer';\nimport { findNativeQualitiesByUid, fromNativeMediaTrackList, fromNativeTextTrackList } from './web/TrackUtils';\nimport type { ABRConfiguration, SourceDescription } from 'src/api/barrel';\nimport { WebEventForwarder } from './WebEventForwarder';\nimport type { PiPConfiguration } from 'src/api/pip/PiPConfiguration';\nimport type { BackgroundAudioConfiguration } from 'src/api/backgroundAudio/BackgroundAudioConfiguration';\nimport { WebPresentationModeManager } from './web/WebPresentationModeManager';\nimport { WebMediaSession } from './web/WebMediaSession';\nimport { PresentationMode } from 'react-native-theoplayer';\n\nconst defaultBackgroundAudioConfiguration: BackgroundAudioConfiguration = {\n  enabled: false,\n};\n\nconst defaultPipConfiguration: PiPConfiguration = {\n  startsAutomatically: false,\n};\n\nexport class THEOplayerWebAdapter extends DefaultEventDispatcher<PlayerEventMap> implements THEOplayer {\n  private readonly _player: THEOplayerWeb.ChromelessPlayer;\n  private readonly _adsAdapter: THEOplayerWebAdsAdapter;\n  private readonly _castAdapter: THEOplayerWebCastAdapter;\n  private readonly _eventForwarder: WebEventForwarder;\n  private readonly _presentationModeManager: WebPresentationModeManager;\n  private readonly _mediaSession: WebMediaSession | undefined = undefined;\n  private _targetVideoQuality: number | number[] | undefined = undefined;\n  private _backgroundAudioConfiguration: BackgroundAudioConfiguration = defaultBackgroundAudioConfiguration;\n  private _pipConfiguration: PiPConfiguration = defaultPipConfiguration;\n\n  constructor(player: THEOplayerWeb.ChromelessPlayer, config?: PlayerConfiguration) {\n    super();\n    this._player = player;\n    this._adsAdapter = new THEOplayerWebAdsAdapter(this._player);\n    this._castAdapter = new THEOplayerWebCastAdapter(this._player);\n    this._eventForwarder = new WebEventForwarder(this._player, this);\n    this._presentationModeManager = new WebPresentationModeManager(this._player, this);\n    document.addEventListener('visibilitychange', this.onVisibilityChange);\n\n    // Optionally create a media session connector\n    if (config?.mediaControl?.mediaSessionEnabled !== false) {\n      this._mediaSession = new WebMediaSession(this, player);\n    }\n  }\n\n  get abr(): ABRConfiguration | undefined {\n    return this._player.abr;\n  }\n\n  get source(): SourceDescription | undefined {\n    return this._player.source as SourceDescription;\n  }\n\n  set source(source: SourceDescription | undefined) {\n    this._targetVideoQuality = undefined;\n    this._player.source = source;\n  }\n\n  play(): void {\n    this._player.play();\n  }\n\n  pause(): void {\n    this._player.pause();\n  }\n\n  get paused(): boolean {\n    return this._player.paused;\n  }\n\n  get autoplay(): boolean {\n    return this._player.autoplay;\n  }\n\n  set autoplay(autoplay: boolean) {\n    this._player.autoplay = autoplay;\n  }\n\n  set preload(type: PreloadType) {\n    this._player.preload = type;\n  }\n\n  get preload(): PreloadType {\n    return this._player.preload;\n  }\n\n  get seekable() {\n    const nativeRange = this._player.seekable;\n    return [...Array(nativeRange.length)].map((_, index) => ({ start: 1e3 * nativeRange.start(index), end: 1e3 * nativeRange.end(index) }));\n  }\n\n  get buffered() {\n    const nativeRange = this._player.buffered;\n    return [...Array(nativeRange.length)].map((_, index) => ({ start: 1e3 * nativeRange.start(index), end: 1e3 * nativeRange.end(index) }));\n  }\n\n  get playbackRate(): number {\n    return this._player.playbackRate;\n  }\n\n  set playbackRate(playbackRate: number) {\n    this._player.playbackRate = playbackRate;\n  }\n\n  get pipConfiguration(): PiPConfiguration {\n    return this._pipConfiguration;\n  }\n\n  set pipConfiguration(config: PiPConfiguration) {\n    this._pipConfiguration = config;\n  }\n\n  get backgroundAudioConfiguration(): BackgroundAudioConfiguration {\n    return this._backgroundAudioConfiguration;\n  }\n\n  set backgroundAudioConfiguration(config: BackgroundAudioConfiguration) {\n    this._backgroundAudioConfiguration = config;\n\n    // Notify media session\n    this._mediaSession?.updateActionHandlers();\n  }\n\n  get volume(): number {\n    return this._player.volume;\n  }\n\n  set volume(volume: number) {\n    this._player.volume = volume;\n  }\n\n  get muted(): boolean {\n    return this._player.muted;\n  }\n\n  set muted(muted: boolean) {\n    this._player.muted = muted;\n  }\n\n  get seeking(): boolean {\n    return this._player.seeking;\n  }\n\n  get presentationMode(): PresentationMode {\n    return this._presentationModeManager.presentationMode;\n  }\n\n  set presentationMode(presentationMode: PresentationMode) {\n    this._presentationModeManager.presentationMode = presentationMode;\n  }\n\n  get audioTracks(): MediaTrack[] {\n    return fromNativeMediaTrackList(this._player.audioTracks);\n  }\n\n  get videoTracks(): MediaTrack[] {\n    return fromNativeMediaTrackList(this._player.videoTracks);\n  }\n\n  get textTracks(): TextTrack[] {\n    return fromNativeTextTrackList(this._player.textTracks);\n  }\n\n  get selectedTextTrack(): number | undefined {\n    return this._player.textTracks.find((textTrack: NativeTextTrack) => {\n      return textTrack.mode === 'showing';\n    })?.uid;\n  }\n\n  set selectedTextTrack(selectedTextTrack: number | undefined) {\n    this._player.textTracks.forEach((textTrack: NativeTextTrack) => {\n      textTrack.mode = textTrack.uid === selectedTextTrack ? 'showing' : 'disabled';\n    });\n  }\n\n  get textTrackStyle(): TextTrackStyle {\n    return this._player.textTrackStyle as TextTrackStyle;\n  }\n\n  get selectedVideoTrack(): number | undefined {\n    return this._player.videoTracks.find((videoTrack: NativeMediaTrack) => videoTrack.enabled)?.uid;\n  }\n\n  set selectedVideoTrack(selectedVideoTrack: number | undefined) {\n    this._targetVideoQuality = undefined;\n    this._player.videoTracks.forEach((videoTrack: NativeMediaTrack) => {\n      videoTrack.enabled = videoTrack.uid === selectedVideoTrack;\n    });\n  }\n\n  get selectedAudioTrack(): number | undefined {\n    return this._player.audioTracks.find((audioTrack: NativeMediaTrack) => {\n      return audioTrack.enabled;\n    })?.uid;\n  }\n\n  set selectedAudioTrack(selectedAudioTrack: number | undefined) {\n    this._player.audioTracks.forEach((audioTrack: NativeMediaTrack) => {\n      audioTrack.enabled = audioTrack.uid === selectedAudioTrack;\n    });\n  }\n\n  get targetVideoQuality(): number | number[] | undefined {\n    return this._targetVideoQuality;\n  }\n\n  set targetVideoQuality(targetVideoQuality: number | number[] | undefined) {\n    const enabledVideoTrack = this._player.videoTracks.find((videoTrack: NativeMediaTrack) => videoTrack.enabled);\n    if (enabledVideoTrack) {\n      enabledVideoTrack.targetQuality = findNativeQualitiesByUid(enabledVideoTrack, targetVideoQuality);\n    }\n    this._targetVideoQuality = targetVideoQuality;\n  }\n\n  get currentTime(): number {\n    return 1e3 * this._player.currentTime;\n  }\n\n  set currentTime(currentTime: number) {\n    if (isNaN(currentTime)) {\n      return;\n    }\n    if (this._player) {\n      this._player.currentTime = currentTime / 1e3;\n    }\n  }\n\n  get duration(): number {\n    return this._player.duration * 1e3;\n  }\n\n  public get ads(): AdsAPI {\n    return this._adsAdapter;\n  }\n\n  public get cast(): CastAPI {\n    return this._castAdapter;\n  }\n\n  destroy(): void {\n    this._eventForwarder.unload();\n    this._mediaSession?.destroy();\n    document.removeEventListener('visibilitychange', this.onVisibilityChange);\n  }\n\n  get nativeHandle(): NativeHandleType {\n    return this._player;\n  }\n\n  private readonly onVisibilityChange = () => {\n    if (document.visibilityState !== 'visible') {\n      // Apply background configuration: by default, pause when going to background, unless in pip\n      if (this.presentationMode !== PresentationMode.pip && !this.backgroundAudioConfiguration.enabled) {\n        this._player.pause();\n      }\n    }\n    // Apply media session controls\n    this._mediaSession?.updateActionHandlers();\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["DefaultEventDispatcher","AspectRatio","PlayerEventType","PresentationMode","THEOplayerWebAdsAdapter","THEOplayerWebCastAdapter","findNativeQualitiesByUid","fromNativeMediaTrackList","fromNativeTextTrackList","WebEventForwarder","WebPresentationModeManager","WebMediaSession","BaseEvent","defaultBackgroundAudioConfiguration","enabled","defaultPipConfiguration","startsAutomatically","THEOplayerWebAdapter","constructor","player","config","_config$mediaControl","_defineProperty","undefined","_this$_mediaSession","_player","document","visibilityState","presentationMode","pip","backgroundAudioConfiguration","pause","_mediaSession","updateActionHandlers","_adsAdapter","_castAdapter","_eventForwarder","_presentationModeManager","addEventListener","onVisibilityChange","mediaControl","mediaSessionEnabled","abr","_this$_player","source","_this$_player2","_targetVideoQuality","play","_this$_player3","_this$_player4","paused","autoplay","preload","type","_this$_player5","seekable","nativeRange","Array","length","map","_","index","start","end","buffered","playbackRate","pipConfiguration","_pipConfiguration","_backgroundAudioConfiguration","_this$_mediaSession2","volume","muted","seeking","audioTracks","videoTracks","textTracks","selectedTextTrack","_this$_player$textTra","find","textTrack","mode","uid","forEach","textTrackStyle","_this$_player6","selectedVideoTrack","_this$_player$videoTr","videoTrack","selectedAudioTrack","_this$_player$audioTr","audioTrack","targetVideoQuality","enabledVideoTrack","targetQuality","currentTime","NaN","isNaN","aspectRatio","FIT","_ratio","duration","ads","cast","destroy","_this$_eventForwarder","_this$_mediaSession3","_this$_player7","dispatchEvent","DESTROY","unload","removeEventListener","nativeHandle"],"sources":["THEOplayerWebAdapter.ts"],"sourcesContent":["import { DefaultEventDispatcher } from './event/DefaultEventDispatcher';\nimport type {\n  AdsAPI,\n  CastAPI,\n  MediaTrack,\n  NativeHandleType,\n  PlayerConfiguration,\n  PlayerEventMap,\n  PreloadType,\n  TextTrack,\n  TextTrackStyle,\n  THEOplayer,\n} from 'react-native-theoplayer';\nimport { AspectRatio, PlayerEventType, PresentationMode } from 'react-native-theoplayer';\nimport { THEOplayerWebAdsAdapter } from './ads/THEOplayerWebAdsAdapter';\nimport { THEOplayerWebCastAdapter } from './cast/THEOplayerWebCastAdapter';\nimport type * as THEOplayerWeb from 'theoplayer';\nimport type { MediaTrack as NativeMediaTrack, TextTrack as NativeTextTrack } from 'theoplayer';\nimport { findNativeQualitiesByUid, fromNativeMediaTrackList, fromNativeTextTrackList } from './web/TrackUtils';\nimport type { ABRConfiguration, SourceDescription } from 'src/api/barrel';\nimport { WebEventForwarder } from './WebEventForwarder';\nimport type { PiPConfiguration } from 'src/api/pip/PiPConfiguration';\nimport type { BackgroundAudioConfiguration } from 'src/api/backgroundAudio/BackgroundAudioConfiguration';\nimport { WebPresentationModeManager } from './web/WebPresentationModeManager';\nimport { WebMediaSession } from './web/WebMediaSession';\nimport { BaseEvent } from './event/BaseEvent';\n\nconst defaultBackgroundAudioConfiguration: BackgroundAudioConfiguration = {\n  enabled: false,\n};\n\nconst defaultPipConfiguration: PiPConfiguration = {\n  startsAutomatically: false,\n};\n\nexport class THEOplayerWebAdapter extends DefaultEventDispatcher<PlayerEventMap> implements THEOplayer {\n  private readonly _adsAdapter: THEOplayerWebAdsAdapter;\n  private readonly _castAdapter: THEOplayerWebCastAdapter;\n  private readonly _presentationModeManager: WebPresentationModeManager;\n  private _player: THEOplayerWeb.ChromelessPlayer | undefined;\n  private _eventForwarder: WebEventForwarder | undefined;\n  private _mediaSession: WebMediaSession | undefined = undefined;\n  private _targetVideoQuality: number | number[] | undefined = undefined;\n  private _backgroundAudioConfiguration: BackgroundAudioConfiguration = defaultBackgroundAudioConfiguration;\n  private _pipConfiguration: PiPConfiguration = defaultPipConfiguration;\n\n  constructor(player: THEOplayerWeb.ChromelessPlayer, config?: PlayerConfiguration) {\n    super();\n    this._player = player;\n    this._adsAdapter = new THEOplayerWebAdsAdapter(this._player);\n    this._castAdapter = new THEOplayerWebCastAdapter(this._player);\n    this._eventForwarder = new WebEventForwarder(this._player, this);\n    this._presentationModeManager = new WebPresentationModeManager(this._player, this);\n    document.addEventListener('visibilitychange', this.onVisibilityChange);\n\n    // Optionally create a media session connector\n    if (config?.mediaControl?.mediaSessionEnabled !== false) {\n      this._mediaSession = new WebMediaSession(this, player);\n    }\n  }\n\n  get abr(): ABRConfiguration | undefined {\n    return this._player?.abr as ABRConfiguration | undefined;\n  }\n\n  get source(): SourceDescription | undefined {\n    return this._player?.source as SourceDescription;\n  }\n\n  set source(source: SourceDescription | undefined) {\n    this._targetVideoQuality = undefined;\n    if (this._player) {\n      this._player.source = source;\n    }\n  }\n\n  play(): void {\n    this._player?.play();\n  }\n\n  pause(): void {\n    this._player?.pause();\n  }\n\n  get paused(): boolean {\n    return this._player ? this._player.paused : true;\n  }\n\n  get autoplay(): boolean {\n    return this._player ? this._player.autoplay : false;\n  }\n\n  set autoplay(autoplay: boolean) {\n    if (this._player) {\n      this._player.autoplay = autoplay;\n    }\n  }\n\n  set preload(type: PreloadType) {\n    if (this._player) {\n      this._player.preload = type;\n    }\n  }\n\n  get preload(): PreloadType {\n    return this._player?.preload || 'none';\n  }\n\n  get seekable() {\n    if (!this._player) {\n      return [];\n    }\n    const nativeRange = this._player.seekable;\n    return [...Array(nativeRange.length)].map((_, index) => ({ start: 1e3 * nativeRange.start(index), end: 1e3 * nativeRange.end(index) }));\n  }\n\n  get buffered() {\n    if (!this._player) {\n      return [];\n    }\n    const nativeRange = this._player.buffered;\n    return [...Array(nativeRange.length)].map((_, index) => ({ start: 1e3 * nativeRange.start(index), end: 1e3 * nativeRange.end(index) }));\n  }\n\n  get playbackRate(): number {\n    return this._player ? this._player.playbackRate : 1;\n  }\n\n  set playbackRate(playbackRate: number) {\n    if (this._player) {\n      this._player.playbackRate = playbackRate;\n    }\n  }\n\n  get pipConfiguration(): PiPConfiguration {\n    return this._pipConfiguration;\n  }\n\n  set pipConfiguration(config: PiPConfiguration) {\n    this._pipConfiguration = config;\n  }\n\n  get backgroundAudioConfiguration(): BackgroundAudioConfiguration {\n    return this._backgroundAudioConfiguration;\n  }\n\n  set backgroundAudioConfiguration(config: BackgroundAudioConfiguration) {\n    this._backgroundAudioConfiguration = config;\n\n    // Notify media session\n    this._mediaSession?.updateActionHandlers();\n  }\n\n  get volume(): number {\n    return this._player ? this._player.volume : 1;\n  }\n\n  set volume(volume: number) {\n    if (this._player) {\n      this._player.volume = volume;\n    }\n  }\n\n  get muted(): boolean {\n    return this._player ? this._player.muted : false;\n  }\n\n  set muted(muted: boolean) {\n    if (this._player) {\n      this._player.muted = muted;\n    }\n  }\n\n  get seeking(): boolean {\n    return this._player ? this._player.seeking : false;\n  }\n\n  get presentationMode(): PresentationMode {\n    return this._presentationModeManager.presentationMode;\n  }\n\n  set presentationMode(presentationMode: PresentationMode) {\n    this._presentationModeManager.presentationMode = presentationMode;\n  }\n\n  get audioTracks(): MediaTrack[] {\n    return this._player ? fromNativeMediaTrackList(this._player.audioTracks) : [];\n  }\n\n  get videoTracks(): MediaTrack[] {\n    return this._player ? fromNativeMediaTrackList(this._player.videoTracks) : [];\n  }\n\n  get textTracks(): TextTrack[] {\n    return this._player ? fromNativeTextTrackList(this._player.textTracks) : [];\n  }\n\n  get selectedTextTrack(): number | undefined {\n    if (this._player) {\n      return this._player.textTracks.find((textTrack: NativeTextTrack) => {\n        return textTrack.mode === 'showing';\n      })?.uid;\n    }\n    return undefined;\n  }\n\n  set selectedTextTrack(selectedTextTrack: number | undefined) {\n    if (this._player) {\n      this._player.textTracks.forEach((textTrack: NativeTextTrack) => {\n        textTrack.mode = textTrack.uid === selectedTextTrack ? 'showing' : 'disabled';\n      });\n    }\n  }\n\n  get textTrackStyle(): TextTrackStyle {\n    return this._player?.textTrackStyle as TextTrackStyle;\n  }\n\n  get selectedVideoTrack(): number | undefined {\n    if (this._player) {\n      return this._player.videoTracks.find((videoTrack: NativeMediaTrack) => videoTrack.enabled)?.uid;\n    }\n    return undefined;\n  }\n\n  set selectedVideoTrack(selectedVideoTrack: number | undefined) {\n    if (this._player) {\n      this._targetVideoQuality = undefined;\n      this._player.videoTracks.forEach((videoTrack: NativeMediaTrack) => {\n        videoTrack.enabled = videoTrack.uid === selectedVideoTrack;\n      });\n    }\n  }\n\n  get selectedAudioTrack(): number | undefined {\n    if (this._player) {\n      return this._player.audioTracks.find((audioTrack: NativeMediaTrack) => {\n        return audioTrack.enabled;\n      })?.uid;\n    }\n    return undefined;\n  }\n\n  set selectedAudioTrack(selectedAudioTrack: number | undefined) {\n    if (this._player) {\n      this._player.audioTracks.forEach((audioTrack: NativeMediaTrack) => {\n        audioTrack.enabled = audioTrack.uid === selectedAudioTrack;\n      });\n    }\n  }\n\n  get targetVideoQuality(): number | number[] | undefined {\n    if (this._player) {\n      return this._targetVideoQuality;\n    }\n    return undefined;\n  }\n\n  set targetVideoQuality(targetVideoQuality: number | number[] | undefined) {\n    if (this._player) {\n      const enabledVideoTrack = this._player.videoTracks.find((videoTrack: NativeMediaTrack) => videoTrack.enabled);\n      if (enabledVideoTrack) {\n        enabledVideoTrack.targetQuality = findNativeQualitiesByUid(enabledVideoTrack, targetVideoQuality);\n      }\n      this._targetVideoQuality = targetVideoQuality;\n    }\n  }\n\n  get currentTime(): number {\n    return this._player ? 1e3 * this._player.currentTime : NaN;\n  }\n\n  set currentTime(currentTime: number) {\n    if (isNaN(currentTime)) {\n      return;\n    }\n    if (this._player) {\n      this._player.currentTime = currentTime / 1e3;\n    }\n  }\n\n  get aspectRatio(): AspectRatio {\n    return AspectRatio.FIT;\n  }\n\n  set aspectRatio(_ratio: AspectRatio) {\n    // unused\n  }\n\n  get duration(): number {\n    return this._player ? this._player.duration * 1e3 : NaN;\n  }\n\n  public get ads(): AdsAPI {\n    return this._adsAdapter;\n  }\n\n  public get cast(): CastAPI {\n    return this._castAdapter;\n  }\n\n  destroy(): void {\n    this.dispatchEvent(new BaseEvent(PlayerEventType.DESTROY));\n    this._eventForwarder?.unload();\n    this._mediaSession?.destroy();\n    document.removeEventListener('visibilitychange', this.onVisibilityChange);\n    this._eventForwarder = undefined;\n    this._mediaSession = undefined;\n    this._player?.destroy();\n    this._player = undefined;\n  }\n\n  get nativeHandle(): NativeHandleType {\n    return this._player;\n  }\n\n  private readonly onVisibilityChange = () => {\n    if (!this._player) {\n      return;\n    }\n    if (document.visibilityState !== 'visible') {\n      // Apply background configuration: by default, pause when going to background, unless in pip\n      if (this.presentationMode !== PresentationMode.pip && !this.backgroundAudioConfiguration.enabled) {\n        this._player.pause();\n      }\n    }\n    // Apply media session controls\n    this._mediaSession?.updateActionHandlers();\n  };\n}\n"],"mappings":"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"}

package/lib/typescript/api/abr/ABRConfiguration.d.ts

@@ -6,7 +6,11 @@
  *
  * @public
  */
-export declare type ABRStrategyType = 'performance' | 'quality' | 'bandwidth';
+export declare enum ABRStrategyType {
+    performance = "performance",
+    quality = "quality",
+    bandwidth = "bandwidth"
+}
 /**
  * Describes the metadata of the adaptive bitrate strategy.
  *

package/lib/typescript/api/player/THEOplayer.d.ts

@@ -12,6 +12,21 @@ import type { PresentationMode } from '../presentation/PresentationMode';
 import type { PiPConfiguration } from '../pip/PiPConfiguration';
 import type { BackgroundAudioConfiguration } from '../backgroundAudio/BackgroundAudioConfiguration';
 export declare 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/> - `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.
+ *
+ * @public
+ * @defaultValue `'FIT'`
+ */
+export declare enum AspectRatio {
+    FIT = "fit",
+    FILL = "fill",
+    ASPECT_FILL = "aspectFill"
+}
 export declare type NativeHandleType = unknown;
 /**
  * The THEOplayer API.
@@ -127,6 +142,13 @@ export interface THEOplayer extends EventDispatcher<PlayerEventMap> {
      * The current playback position of the media, in milliseconds.
      */
     currentTime: number;
+    /**
+     * Used to set the aspect ratio of the player.
+     *
+     * @remarks
+     * Only available for iOS and Android.
+     */
+    aspectRatio: AspectRatio;
     /**
      * The active configuration for PiP.
      */

package/lib/typescript/api/track/Track.d.ts

@@ -44,3 +44,4 @@ export interface Track {
 export declare function hasTrack<TTrack extends Track>(trackList: TTrack[], track: TTrack): boolean;
 export declare function removeTrack<TTrack extends Track>(trackList: TTrack[], track: TTrack): TTrack[];
 export declare function addTrack<TTrack extends Track>(trackList: TTrack[], track: TTrack): TTrack[];
+export declare function sortTracks<TTrack extends Track>(trackList?: TTrack[]): TTrack[];

package/lib/typescript/internal/adapter/NativePlayerState.d.ts

@@ -1,6 +1,7 @@
 import type { MediaTrack, PreloadType, PresentationMode, SourceDescription, TextTrack, TimeRange } from 'react-native-theoplayer';
 import type { BackgroundAudioConfiguration } from '../../api/backgroundAudio/BackgroundAudioConfiguration';
 import type { PiPConfiguration } from 'react-native-theoplayer';
+import type { AspectRatio } from 'react-native-theoplayer';
 export interface NativePlayerState {
     source: SourceDescription | undefined;
     autoplay: boolean;
@@ -17,6 +18,7 @@ export interface NativePlayerState {
     duration: number;
     playbackRate: number;
     preload: PreloadType;
+    aspectRatio: AspectRatio;
     audioTracks: MediaTrack[];
     videoTracks: MediaTrack[];
     textTracks: TextTrack[];

package/lib/typescript/internal/adapter/THEOplayerAdapter.d.ts

@@ -1,6 +1,6 @@
 import { DefaultEventDispatcher } from './event/DefaultEventDispatcher';
 import type { ABRConfiguration, AdsAPI, CastAPI, MediaTrack, NativeHandleType, PiPConfiguration, PlayerEventMap, SourceDescription, TextTrack, THEOplayer, THEOplayerView } from 'react-native-theoplayer';
-import { PreloadType, PresentationMode, TextTrackStyle } from 'react-native-theoplayer';
+import { AspectRatio, PreloadType, PresentationMode, TextTrackStyle } from 'react-native-theoplayer';
 import type { BackgroundAudioConfiguration } from 'src/api/backgroundAudio/BackgroundAudioConfiguration';
 import type { NativePlayerState } from './NativePlayerState';
 export declare class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> implements THEOplayer {
@@ -66,6 +66,8 @@ export declare class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEven
     set targetVideoQuality(target: number | number[] | undefined);
     get volume(): number;
     set volume(volume: number);
+    get aspectRatio(): AspectRatio;
+    set aspectRatio(ratio: AspectRatio);
     pause(): void;
     play(): void;
     get nativeHandle(): NativeHandleType;

package/lib/typescript/internal/adapter/THEOplayerWebAdapter.d.ts

@@ -1,17 +1,17 @@
 import { DefaultEventDispatcher } from './event/DefaultEventDispatcher';
-import type { AdsAPI, CastAPI, MediaTrack, NativeHandleType, PlayerEventMap, PreloadType, TextTrack, TextTrackStyle, THEOplayer, PlayerConfiguration } from 'react-native-theoplayer';
+import type { AdsAPI, CastAPI, MediaTrack, NativeHandleType, PlayerConfiguration, PlayerEventMap, PreloadType, TextTrack, TextTrackStyle, THEOplayer } from 'react-native-theoplayer';
+import { AspectRatio, PresentationMode } from 'react-native-theoplayer';
 import type * as THEOplayerWeb from 'theoplayer';
 import type { ABRConfiguration, SourceDescription } from 'src/api/barrel';
 import type { PiPConfiguration } from 'src/api/pip/PiPConfiguration';
 import type { BackgroundAudioConfiguration } from 'src/api/backgroundAudio/BackgroundAudioConfiguration';
-import { PresentationMode } from 'react-native-theoplayer';
 export declare class THEOplayerWebAdapter extends DefaultEventDispatcher<PlayerEventMap> implements THEOplayer {
-    private readonly _player;
     private readonly _adsAdapter;
     private readonly _castAdapter;
-    private readonly _eventForwarder;
     private readonly _presentationModeManager;
-    private readonly _mediaSession;
+    private _player;
+    private _eventForwarder;
+    private _mediaSession;
     private _targetVideoQuality;
     private _backgroundAudioConfiguration;
     private _pipConfiguration;
@@ -61,6 +61,8 @@ export declare class THEOplayerWebAdapter extends DefaultEventDispatcher<PlayerE
     set targetVideoQuality(targetVideoQuality: number | number[] | undefined);
     get currentTime(): number;
     set currentTime(currentTime: number);
+    get aspectRatio(): AspectRatio;
+    set aspectRatio(_ratio: AspectRatio);
     get duration(): number;
     get ads(): AdsAPI;
     get cast(): CastAPI;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -25,7 +25,7 @@
   "scripts": {
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{ts,tsx}\"",
-    "prepare": "bob build",
+    "prepare": "bob build && husky install",
     "release": "release-it",
     "pods": "cd example && pod-install --quiet"
   },
@@ -67,7 +67,13 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "theoplayer": ">=5.0.1"
+  },
+  "peerDependenciesMeta": {
+    "theoplayer": {
+      "optional": true
+    }
   },
   "commitlint": {
     "extends": [
@@ -116,7 +122,6 @@
     "react-native-svg": "^13.8.0",
     "react-native-svg-web": "^1.0.0",
     "react-native-url-polyfill": "^1.3.0",
-    "theoplayer": ">=5.0.1",
     "url-polyfill": "^1.1.12"
   }
 }

package/react-native-theoplayer.podspec

@@ -36,7 +36,7 @@ Pod::Spec.new do |s|
     }
   else 
   	puts "Using THEOplayer-core SDK"
-    s.dependency "THEOplayerSDK-core", "~> 5.0.1"
+    s.dependency "THEOplayerSDK-core", "~> 5.1"
     if theofeatures.include?("GOOGLE_IMA") 
 	  puts "Adding THEOplayer-Integration-GoogleIMA"
       s.dependency "THEOplayer-Integration-GoogleIMA"

package/src/api/abr/ABRConfiguration.ts

@@ -6,7 +6,11 @@
  *
  * @public
  */
-export type ABRStrategyType = 'performance' | 'quality' | 'bandwidth';
+export enum ABRStrategyType {
+  performance = 'performance',
+  quality = 'quality',
+  bandwidth = 'bandwidth',
+}
 
 /**
  * Describes the metadata of the adaptive bitrate strategy.

package/src/api/player/THEOplayer.ts

@@ -14,6 +14,22 @@ import type { BackgroundAudioConfiguration } from '../backgroundAudio/Background
 
 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/> - `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.
+ *
+ * @public
+ * @defaultValue `'FIT'`
+ */
+export enum AspectRatio {
+  FIT = 'fit',
+  FILL = 'fill',
+  ASPECT_FILL = 'aspectFill',
+}
+
 export type NativeHandleType = unknown;
 
 /**
@@ -153,6 +169,14 @@ export interface THEOplayer extends EventDispatcher<PlayerEventMap> {
    */
   currentTime: number;
 
+  /**
+   * Used to set the aspect ratio of the player.
+   *
+   * @remarks
+   * Only available for iOS and Android.
+   */
+  aspectRatio: AspectRatio;
+
   /**
    * The active configuration for PiP.
    */

package/src/api/track/Track.ts

@@ -55,5 +55,9 @@ export function removeTrack<TTrack extends Track>(trackList: TTrack[], track: TT
 }
 
 export function addTrack<TTrack extends Track>(trackList: TTrack[], track: TTrack): TTrack[] {
-  return trackList && track && !hasTrack(trackList, track) ? [...trackList, track] : trackList;
+  return trackList && track && !hasTrack(trackList, track) ? sortTracks([...trackList, track]) : trackList;
+}
+
+export function sortTracks<TTrack extends Track>(trackList?: TTrack[]): TTrack[] {
+  return trackList?.sort((t1: TTrack, t2: TTrack) => t1.uid - t2.uid) || [];
 }

package/src/internal/THEOplayerView.web.tsx

@@ -2,8 +2,6 @@ import React, { useEffect, useRef } from 'react';
 import type { THEOplayerViewProps } from 'react-native-theoplayer';
 import * as THEOplayer from 'theoplayer';
 import { THEOplayerWebAdapter } from './adapter/THEOplayerWebAdapter';
-import { BaseEvent } from './adapter/event/BaseEvent';
-import { PlayerEventType } from 'react-native-theoplayer';
 
 export function THEOplayerView(props: React.PropsWithChildren<THEOplayerViewProps>) {
   const { config, children } = props;
@@ -15,7 +13,7 @@ export function THEOplayerView(props: React.PropsWithChildren<THEOplayerViewProp
     // Create player inside container.
     if (container.current) {
       const chromeless = config?.chromeless === true || config?.chromeless === undefined;
-      const updatedConfig = {...config, allowNativeFullscreen: true};
+      const updatedConfig = { ...config, allowNativeFullscreen: true };
       if (chromeless) {
         player.current = new THEOplayer.ChromelessPlayer(container.current, updatedConfig);
       } else {
@@ -23,7 +21,7 @@ export function THEOplayerView(props: React.PropsWithChildren<THEOplayerViewProp
           ...updatedConfig,
           ui: {
             fluid: true,
-          }
+          },
         } as THEOplayer.PlayerConfiguration);
       }
 
@@ -48,9 +46,7 @@ export function THEOplayerView(props: React.PropsWithChildren<THEOplayerViewProp
       if (adapter?.current && onPlayerDestroy) {
         onPlayerDestroy(adapter?.current);
       }
-      adapter?.current?.dispatchEvent(new BaseEvent(PlayerEventType.DESTROY));
       adapter?.current?.destroy();
-      player?.current?.destroy();
     };
   }, [container]);
 

package/src/internal/adapter/NativePlayerState.ts

@@ -1,6 +1,7 @@
 import type { MediaTrack, PreloadType, PresentationMode, SourceDescription, TextTrack, TimeRange } from 'react-native-theoplayer';
 import type { BackgroundAudioConfiguration } from '../../api/backgroundAudio/BackgroundAudioConfiguration';
 import type { PiPConfiguration } from 'react-native-theoplayer';
+import type { AspectRatio } from 'react-native-theoplayer';
 
 export interface NativePlayerState {
   source: SourceDescription | undefined;
@@ -18,6 +19,7 @@ export interface NativePlayerState {
   duration: number;
   playbackRate: number;
   preload: PreloadType;
+  aspectRatio: AspectRatio;
   audioTracks: MediaTrack[];
   videoTracks: MediaTrack[];
   textTracks: TextTrack[];

package/src/internal/adapter/THEOplayerAdapter.ts

@@ -23,6 +23,7 @@ import type {
 } from 'react-native-theoplayer';
 import {
   addTrack,
+  AspectRatio,
   findMediaTrackByUid,
   MediaTrackEventType,
   MediaTrackType,
@@ -58,6 +59,7 @@ const defaultPlayerState: NativePlayerState = {
   duration: NaN,
   playbackRate: 1,
   preload: 'none',
+  aspectRatio: AspectRatio.FIT,
   audioTracks: [],
   videoTracks: [],
   textTracks: [],
@@ -435,6 +437,15 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
     NativeModules.PlayerModule.setVolume(this._view.nativeHandle, volume);
   }
 
+  get aspectRatio(): AspectRatio {
+    return this._state.aspectRatio;
+  }
+
+  set aspectRatio(ratio: AspectRatio) {
+    this._state.aspectRatio = ratio;
+    NativeModules.PlayerModule.setAspectRatio(this._view.nativeHandle, ratio);
+  }
+
   pause(): void {
     this._state.paused = true;
     NativeModules.PlayerModule.setPaused(this._view.nativeHandle, true);