react-native-theoplayer 2.10.0 → 2.11.0

package/lib/module/internal/adapter/track/TextTrackStyleAdapter.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextTrackStyleAdapter","constructor","_player","backgroundColor","undefined","_","edgeStyle","fontColor","fontFamily","fontSize","windowColor"],"sources":["TextTrackStyleAdapter.ts"],"sourcesContent":["import type { EdgeStyle, TextTrackStyle, THEOplayerView } from 'react-native-theoplayer';\n\nexport class TextTrackStyleAdapter implements TextTrackStyle {\n  // @ts-ignore\n  constructor(private readonly _player: THEOplayerView) {}\n\n  get backgroundColor(): string | undefined {\n    // NYI\n    return undefined;\n  }\n\n  set backgroundColor(_: string | undefined) {\n    // NYI\n  }\n\n  get edgeStyle(): EdgeStyle | undefined {\n    return undefined;\n  }\n\n  set edgeStyle(_: EdgeStyle | undefined) {\n    // NYI\n  }\n\n  get fontColor(): string | undefined {\n    return undefined;\n  }\n\n  set fontColor(_: string | undefined) {\n    // NYI\n  }\n\n  get fontFamily(): string | undefined {\n    return undefined;\n  }\n\n  set fontFamily(_: string | undefined) {\n    // NYI\n  }\n\n  get fontSize(): string | undefined {\n    return undefined;\n  }\n\n  set fontSize(_: string | undefined) {\n    // NYI\n  }\n\n  get windowColor(): string | undefined {\n    return undefined;\n  }\n\n  set windowColor(_: string | undefined) {\n    // NYI\n  }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAAqB,CAA2B;EAC3D;EACAC,WAAWA,CAAkBC,OAAuB,EAAE;IAAA,KAAzBA,OAAuB,GAAvBA,OAAuB;EAAG;EAEvD,IAAIC,eAAeA,CAAA,EAAuB;IACxC;IACA,OAAOC,SAAS;EAClB;EAEA,IAAID,eAAeA,CAACE,CAAqB,EAAE;IACzC;EAAA;EAGF,IAAIC,SAASA,CAAA,EAA0B;IACrC,OAAOF,SAAS;EAClB;EAEA,IAAIE,SAASA,CAACD,CAAwB,EAAE;IACtC;EAAA;EAGF,IAAIE,SAASA,CAAA,EAAuB;IAClC,OAAOH,SAAS;EAClB;EAEA,IAAIG,SAASA,CAACF,CAAqB,EAAE;IACnC;EAAA;EAGF,IAAIG,UAAUA,CAAA,EAAuB;IACnC,OAAOJ,SAAS;EAClB;EAEA,IAAII,UAAUA,CAACH,CAAqB,EAAE;IACpC;EAAA;EAGF,IAAII,QAAQA,CAAA,EAAuB;IACjC,OAAOL,SAAS;EAClB;EAEA,IAAIK,QAAQA,CAACJ,CAAqB,EAAE;IAClC;EAAA;EAGF,IAAIK,WAAWA,CAAA,EAAuB;IACpC,OAAON,SAAS;EAClB;EAEA,IAAIM,WAAWA,CAACL,CAAqB,EAAE;IACrC;EAAA;AAEJ"}
+{"version":3,"names":["NativeModules","NamedColors","namedColorsMap","TextTrackStyleAdapter","constructor","_view","_defineProperty","undefined","backgroundColor","_backgroundColor","color","PlayerModule","setTextTrackStyle","nativeHandle","convertColorToRGBA","edgeStyle","_edgeStyle","style","fontColor","_fontColor","fontFamily","_fontFamily","family","fontSize","_fontSize","size","fromPercentage","windowColor","_windowColor","marginBottom","_marginBottom","margin","marginLeft","_marginLeft","marginRight","_marginRight","marginTop","_marginTop","replace","toLowerCase","colorPattern","match","r","parseInt","g","b","a","pct","parseFloat"],"sources":["TextTrackStyleAdapter.ts"],"sourcesContent":["import type { EdgeStyle, TextTrackStyle, THEOplayerView } from 'react-native-theoplayer';\nimport { NativeModules } from 'react-native';\nimport NamedColors from './NamedColors.json';\n\nconst namedColorsMap = NamedColors as { [name: string]: string };\n\nexport class TextTrackStyleAdapter implements TextTrackStyle {\n  private _backgroundColor: string | undefined = undefined;\n  private _edgeStyle: EdgeStyle | undefined = undefined;\n  private _fontColor: string | undefined = undefined;\n  private _fontFamily: string | undefined = undefined;\n  private _fontSize: string | undefined = undefined;\n  private _windowColor: string | undefined = undefined;\n  private _marginBottom: number | undefined = undefined;\n  private _marginTop: number | undefined = undefined;\n  private _marginLeft: number | undefined = undefined;\n  private _marginRight: number | undefined = undefined;\n\n  constructor(private readonly _view: THEOplayerView) {}\n\n  get backgroundColor(): string | undefined {\n    return this._backgroundColor;\n  }\n\n  set backgroundColor(color: string | undefined) {\n    this._backgroundColor = color;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      backgroundColor: convertColorToRGBA(color),\n    });\n  }\n\n  get edgeStyle(): EdgeStyle | undefined {\n    return this._edgeStyle;\n  }\n\n  set edgeStyle(style: EdgeStyle | undefined) {\n    this._edgeStyle = style;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      edgeStyle: style,\n    });\n  }\n\n  get fontColor(): string | undefined {\n    return this._fontColor;\n  }\n\n  set fontColor(color: string | undefined) {\n    this._fontColor = color;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      fontColor: convertColorToRGBA(color),\n    });\n  }\n\n  get fontFamily(): string | undefined {\n    return this._fontFamily;\n  }\n\n  set fontFamily(family: string | undefined) {\n    this._fontFamily = family;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      fontFamily: family,\n    });\n  }\n\n  get fontSize(): string | undefined {\n    return this._fontSize;\n  }\n\n  set fontSize(size: string | undefined) {\n    this._fontSize = size;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      fontSize: fromPercentage(size),\n    });\n  }\n\n  get windowColor(): string | undefined {\n    return this._windowColor;\n  }\n\n  set windowColor(color: string | undefined) {\n    this._windowColor = color;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      windowColor: convertColorToRGBA(color),\n    });\n  }\n\n  get marginBottom(): number | undefined {\n    return this._marginBottom;\n  }\n\n  set marginBottom(margin: number | undefined) {\n    this._marginBottom = margin;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      marginBottom: margin,\n    });\n  }\n\n  get marginLeft(): number | undefined {\n    return this._marginLeft;\n  }\n\n  set marginLeft(margin: number | undefined) {\n    this._marginLeft = margin;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      marginLeft: margin,\n    });\n  }\n\n  get marginRight(): number | undefined {\n    return this._marginRight;\n  }\n\n  set marginRight(margin: number | undefined) {\n    this._marginRight = margin;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      marginRight: margin,\n    });\n  }\n\n  get marginTop(): number | undefined {\n    return this._marginTop;\n  }\n\n  set marginTop(margin: number | undefined) {\n    this._marginTop = margin;\n    NativeModules.PlayerModule.setTextTrackStyle(this._view.nativeHandle, {\n      marginTop: margin,\n    });\n  }\n}\n\ninterface BridgeColor {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n}\n\nfunction convertColorToRGBA(color: string | undefined): BridgeColor | null {\n  if (!color) {\n    return null;\n  }\n\n  color = color.replace('#', '');\n\n  if (namedColorsMap[color.toLowerCase()]) {\n    color = namedColorsMap[color.toLowerCase()];\n  }\n\n  const colorPattern = /^(?:#|0x)?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i;\n  const match = color.match(colorPattern);\n\n  if (!match) {\n    return null;\n  }\n\n  const r = parseInt(match[1], 16);\n  const g = parseInt(match[2], 16);\n  const b = parseInt(match[3], 16);\n  const a = match[4] ? parseInt(match[4], 16) : 255;\n  return { r, g, b, a };\n}\n\nfunction fromPercentage(pct: string | undefined): number {\n  return pct ? parseFloat(pct) : 100;\n}\n"],"mappings":"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"}

package/lib/module/internal/adapter/web/WebMediaSession.js

@@ -45,7 +45,7 @@ export class WebMediaSession {
     _defineProperty(this, "updateMetadata", () => {
       const source = this._player.source;
       const metadata = source === null || source === void 0 ? void 0 : source.metadata;
-      const artwork = [source === null || source === void 0 ? void 0 : source.poster, metadata === null || metadata === void 0 ? void 0 : metadata.displayIconUri, ...(metadata !== null && metadata !== void 0 && metadata.images ? metadata === null || metadata === void 0 ? void 0 : metadata.images : [])].filter(image => image !== undefined).map(image => {
+      const artwork = [metadata === null || metadata === void 0 ? void 0 : metadata.displayIconUri, source === null || source === void 0 ? void 0 : source.poster, ...(metadata !== null && metadata !== void 0 && metadata.images ? metadata === null || metadata === void 0 ? void 0 : metadata.images : [])].filter(image => image !== undefined).map(image => {
         if (typeof image === 'string') {
           return {
             src: image

package/lib/module/internal/adapter/web/WebMediaSession.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultWebMediaSessionConfig","skipTime","NoOp","mediaSession","_navigator$mediaSessi","_navigator$mediaSessi2","navigator","setActionHandler","setPositionState","window","MediaMetadata","WebMediaSession","constructor","adapter","player","_this$_player$ads","_this$_player$ads2","config","arguments","length","undefined","_defineProperty","updateMetadata","updatePositionState","updateActionHandlers","source","_player","metadata","artwork","poster","displayIconUri","images","filter","image","map","src","title","artist","subtitle","album","duration","playbackRate","currentTime","isLive","isFinite","isNaN","position","_webAdapter","_config","addEventListener","onSourceChange","onLoadedMetadata","onDurationChange","ads","onAdbreakBegin","onAdbreakEnd","isTrickplayEnabled","event","seekOffset","Math","max","min","isPlayPauseEnabled","_this$_player","play","_this$_player2","pause","destroy","_this$_player$ads3","_this$_player$ads4","removeEventListener","isInAd","_this$_player$ads5","playing","isInBackground","document","visibilityState","isBackgroundAudioEnabled","backgroundAudioConfiguration","enabled"],"sources":["WebMediaSession.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport type { ChromelessPlayer } from 'theoplayer';\nimport type { THEOplayerWebAdapter } from '../THEOplayerWebAdapter';\n\ninterface WebMediaSessionConfig {\n  skipTime: number;\n}\n\nexport const defaultWebMediaSessionConfig: WebMediaSessionConfig = {\n  skipTime: 15,\n};\n\nconst NoOp = () => {};\n\n// This prevents unnecessary errors when Media Session API is not available.\nconst mediaSession = (function () {\n  const mediaSession = navigator.mediaSession || {};\n  mediaSession.setActionHandler = navigator.mediaSession?.setActionHandler || function () {};\n  mediaSession.setPositionState = navigator.mediaSession?.setPositionState || function () {};\n  window.MediaMetadata = window.MediaMetadata || function () {};\n  return mediaSession;\n})();\n\n/**\n * The MediaSession interface of the Media Session API allows a web page to provide custom behaviors for standard media playback interactions, and\n * to report metadata that can be sent by the user agent to the device or operating system for presentation in standardized user interface elements.\n *\n * @link https://w3c.github.io/mediasession\n */\nexport class WebMediaSession {\n  private readonly _config: WebMediaSessionConfig;\n  private readonly _player: ChromelessPlayer;\n  private readonly _webAdapter: THEOplayerWebAdapter;\n\n  constructor(adapter: THEOplayerWebAdapter, player: ChromelessPlayer, config: WebMediaSessionConfig = defaultWebMediaSessionConfig) {\n    this._player = player;\n    this._webAdapter = adapter;\n    this._config = config;\n\n    this._player.addEventListener('sourcechange', this.onSourceChange);\n    this._player.addEventListener('loadedmetadata', this.onLoadedMetadata);\n    this._player.addEventListener('durationchange', this.onDurationChange);\n    this._player.ads?.addEventListener('adbreakbegin', this.onAdbreakBegin);\n    this._player.ads?.addEventListener('adbreakend', this.onAdbreakEnd);\n    this.updateActionHandlers();\n  }\n\n  updateActionHandlers() {\n    if (this.isTrickplayEnabled()) {\n      mediaSession.setActionHandler('seekbackward', (event) => {\n        const skipTime = event.seekOffset || this._config.skipTime;\n        this._player.currentTime = Math.max(this._player.currentTime - skipTime, 0);\n      });\n      mediaSession.setActionHandler('seekforward', (event) => {\n        const skipTime = event.seekOffset || this._config.skipTime;\n        this._player.currentTime = Math.min(this._player.currentTime + skipTime, this._player.duration);\n      });\n    } else {\n      mediaSession.setActionHandler('seekbackward', NoOp);\n      mediaSession.setActionHandler('seekforward', NoOp);\n    }\n\n    if (this.isPlayPauseEnabled()) {\n      mediaSession.setActionHandler('play', () => {\n        this._player?.play();\n      });\n      mediaSession?.setActionHandler('pause', () => {\n        this._player?.pause();\n      });\n    } else {\n      mediaSession.setActionHandler('play', NoOp);\n      mediaSession.setActionHandler('pause', NoOp);\n    }\n  }\n\n  destroy() {\n    this._player.removeEventListener('sourcechange', this.onSourceChange);\n    this._player.removeEventListener('loadedmetadata', this.onLoadedMetadata);\n    this._player.removeEventListener('durationchange', this.onDurationChange);\n    this._player.ads?.removeEventListener('adbreakbegin', this.onAdbreakBegin);\n    this._player.ads?.removeEventListener('adbreakend', this.onAdbreakEnd);\n    mediaSession.setActionHandler('play', NoOp);\n    mediaSession.setActionHandler('pause', NoOp);\n    mediaSession.setActionHandler('seekbackward', NoOp);\n    mediaSession.setActionHandler('seekforward', NoOp);\n  }\n\n  private onSourceChange = () => {\n    this.updateMetadata();\n    this.updatePositionState();\n    this.updateActionHandlers();\n  };\n\n  private onLoadedMetadata = () => {\n    this.updateActionHandlers();\n  };\n\n  private onDurationChange = () => {\n    this.updateActionHandlers();\n  };\n\n  private updateMetadata = () => {\n    const source = this._player.source;\n    const metadata = source?.metadata;\n    const artwork = [source?.poster, metadata?.displayIconUri, ...(metadata?.images ? metadata?.images : [])]\n      .filter((image) => image !== undefined)\n      .map((image) => {\n        if (typeof image === 'string') {\n          return { src: image };\n        }\n        return image;\n      });\n    mediaSession.metadata = new MediaMetadata({\n      title: metadata?.title,\n      artist: metadata?.artist || metadata?.subtitle,\n      album: metadata?.album,\n      artwork,\n    });\n  };\n\n  private updatePositionState = () => {\n    const { duration, playbackRate, currentTime } = this._player;\n    const isLive = !isFinite(duration);\n    if (!isLive) {\n      mediaSession.setPositionState({\n        // The duration is used to specify the duration in seconds.\n        // It should always be positive and positive infinity can be used to indicate media without a defined end such as live playback.\n        // NOTE: passing Infinite causes an exception to be thrown.\n        duration: isNaN(duration) || duration < 0 ? 0 : duration,\n\n        // The playbackRate is used to specify the playback rate.\n        // It can be positive to represent forward playback or negative to represent backwards playback. It should not be zero.\n        playbackRate,\n\n        // The position is used to specify the last reported playback position in seconds. It should always be positive.\n        position: currentTime,\n      });\n    }\n  };\n\n  private onAdbreakBegin = () => {\n    this.updateActionHandlers();\n  };\n\n  private onAdbreakEnd = () => {\n    this.updateActionHandlers();\n  };\n\n  private isLive(): boolean {\n    return !isFinite(this._player.duration);\n  }\n\n  private isInAd(): boolean {\n    return this._player.ads?.playing === true;\n  }\n\n  private isInBackground(): boolean {\n    return document.visibilityState !== 'visible';\n  }\n\n  // By default, only show trick-play buttons if:\n  // - backgroundAudio is enabled, or the player is in foreground;\n  // - and, the current asset is neither a live stream, nor an ad.\n  private isTrickplayEnabled(): boolean {\n    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isLive() && !this.isInAd();\n  }\n\n  // By default, only show a play/pause button if:\n  // - backgroundAudio is enabled, or the player is in foreground;\n  // - and, the current asset is not an ad.\n  private isPlayPauseEnabled(): boolean {\n    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isInAd();\n  }\n\n  private isBackgroundAudioEnabled(): boolean {\n    return this._webAdapter.backgroundAudioConfiguration.enabled === true;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["defaultWebMediaSessionConfig","skipTime","NoOp","mediaSession","_navigator$mediaSessi","_navigator$mediaSessi2","navigator","setActionHandler","setPositionState","window","MediaMetadata","WebMediaSession","constructor","adapter","player","_this$_player$ads","_this$_player$ads2","config","arguments","length","undefined","_defineProperty","updateMetadata","updatePositionState","updateActionHandlers","source","_player","metadata","artwork","displayIconUri","poster","images","filter","image","map","src","title","artist","subtitle","album","duration","playbackRate","currentTime","isLive","isFinite","isNaN","position","_webAdapter","_config","addEventListener","onSourceChange","onLoadedMetadata","onDurationChange","ads","onAdbreakBegin","onAdbreakEnd","isTrickplayEnabled","event","seekOffset","Math","max","min","isPlayPauseEnabled","_this$_player","play","_this$_player2","pause","destroy","_this$_player$ads3","_this$_player$ads4","removeEventListener","isInAd","_this$_player$ads5","playing","isInBackground","document","visibilityState","isBackgroundAudioEnabled","backgroundAudioConfiguration","enabled"],"sources":["WebMediaSession.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport type { ChromelessPlayer } from 'theoplayer';\nimport type { THEOplayerWebAdapter } from '../THEOplayerWebAdapter';\n\ninterface WebMediaSessionConfig {\n  skipTime: number;\n}\n\nexport const defaultWebMediaSessionConfig: WebMediaSessionConfig = {\n  skipTime: 15,\n};\n\nconst NoOp = () => {};\n\n// This prevents unnecessary errors when Media Session API is not available.\nconst mediaSession = (function () {\n  const mediaSession = navigator.mediaSession || {};\n  mediaSession.setActionHandler = navigator.mediaSession?.setActionHandler || function () {};\n  mediaSession.setPositionState = navigator.mediaSession?.setPositionState || function () {};\n  window.MediaMetadata = window.MediaMetadata || function () {};\n  return mediaSession;\n})();\n\n/**\n * The MediaSession interface of the Media Session API allows a web page to provide custom behaviors for standard media playback interactions, and\n * to report metadata that can be sent by the user agent to the device or operating system for presentation in standardized user interface elements.\n *\n * @link https://w3c.github.io/mediasession\n */\nexport class WebMediaSession {\n  private readonly _config: WebMediaSessionConfig;\n  private readonly _player: ChromelessPlayer;\n  private readonly _webAdapter: THEOplayerWebAdapter;\n\n  constructor(adapter: THEOplayerWebAdapter, player: ChromelessPlayer, config: WebMediaSessionConfig = defaultWebMediaSessionConfig) {\n    this._player = player;\n    this._webAdapter = adapter;\n    this._config = config;\n\n    this._player.addEventListener('sourcechange', this.onSourceChange);\n    this._player.addEventListener('loadedmetadata', this.onLoadedMetadata);\n    this._player.addEventListener('durationchange', this.onDurationChange);\n    this._player.ads?.addEventListener('adbreakbegin', this.onAdbreakBegin);\n    this._player.ads?.addEventListener('adbreakend', this.onAdbreakEnd);\n    this.updateActionHandlers();\n  }\n\n  updateActionHandlers() {\n    if (this.isTrickplayEnabled()) {\n      mediaSession.setActionHandler('seekbackward', (event) => {\n        const skipTime = event.seekOffset || this._config.skipTime;\n        this._player.currentTime = Math.max(this._player.currentTime - skipTime, 0);\n      });\n      mediaSession.setActionHandler('seekforward', (event) => {\n        const skipTime = event.seekOffset || this._config.skipTime;\n        this._player.currentTime = Math.min(this._player.currentTime + skipTime, this._player.duration);\n      });\n    } else {\n      mediaSession.setActionHandler('seekbackward', NoOp);\n      mediaSession.setActionHandler('seekforward', NoOp);\n    }\n\n    if (this.isPlayPauseEnabled()) {\n      mediaSession.setActionHandler('play', () => {\n        this._player?.play();\n      });\n      mediaSession?.setActionHandler('pause', () => {\n        this._player?.pause();\n      });\n    } else {\n      mediaSession.setActionHandler('play', NoOp);\n      mediaSession.setActionHandler('pause', NoOp);\n    }\n  }\n\n  destroy() {\n    this._player.removeEventListener('sourcechange', this.onSourceChange);\n    this._player.removeEventListener('loadedmetadata', this.onLoadedMetadata);\n    this._player.removeEventListener('durationchange', this.onDurationChange);\n    this._player.ads?.removeEventListener('adbreakbegin', this.onAdbreakBegin);\n    this._player.ads?.removeEventListener('adbreakend', this.onAdbreakEnd);\n    mediaSession.setActionHandler('play', NoOp);\n    mediaSession.setActionHandler('pause', NoOp);\n    mediaSession.setActionHandler('seekbackward', NoOp);\n    mediaSession.setActionHandler('seekforward', NoOp);\n  }\n\n  private onSourceChange = () => {\n    this.updateMetadata();\n    this.updatePositionState();\n    this.updateActionHandlers();\n  };\n\n  private onLoadedMetadata = () => {\n    this.updateActionHandlers();\n  };\n\n  private onDurationChange = () => {\n    this.updateActionHandlers();\n  };\n\n  private updateMetadata = () => {\n    const source = this._player.source;\n    const metadata = source?.metadata;\n    const artwork = [metadata?.displayIconUri, source?.poster, ...(metadata?.images ? metadata?.images : [])]\n      .filter((image) => image !== undefined)\n      .map((image) => {\n        if (typeof image === 'string') {\n          return { src: image };\n        }\n        return image;\n      });\n    mediaSession.metadata = new MediaMetadata({\n      title: metadata?.title,\n      artist: metadata?.artist || metadata?.subtitle,\n      album: metadata?.album,\n      artwork,\n    });\n  };\n\n  private updatePositionState = () => {\n    const { duration, playbackRate, currentTime } = this._player;\n    const isLive = !isFinite(duration);\n    if (!isLive) {\n      mediaSession.setPositionState({\n        // The duration is used to specify the duration in seconds.\n        // It should always be positive and positive infinity can be used to indicate media without a defined end such as live playback.\n        // NOTE: passing Infinite causes an exception to be thrown.\n        duration: isNaN(duration) || duration < 0 ? 0 : duration,\n\n        // The playbackRate is used to specify the playback rate.\n        // It can be positive to represent forward playback or negative to represent backwards playback. It should not be zero.\n        playbackRate,\n\n        // The position is used to specify the last reported playback position in seconds. It should always be positive.\n        position: currentTime,\n      });\n    }\n  };\n\n  private onAdbreakBegin = () => {\n    this.updateActionHandlers();\n  };\n\n  private onAdbreakEnd = () => {\n    this.updateActionHandlers();\n  };\n\n  private isLive(): boolean {\n    return !isFinite(this._player.duration);\n  }\n\n  private isInAd(): boolean {\n    return this._player.ads?.playing === true;\n  }\n\n  private isInBackground(): boolean {\n    return document.visibilityState !== 'visible';\n  }\n\n  // By default, only show trick-play buttons if:\n  // - backgroundAudio is enabled, or the player is in foreground;\n  // - and, the current asset is neither a live stream, nor an ad.\n  private isTrickplayEnabled(): boolean {\n    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isLive() && !this.isInAd();\n  }\n\n  // By default, only show a play/pause button if:\n  // - backgroundAudio is enabled, or the player is in foreground;\n  // - and, the current asset is not an ad.\n  private isPlayPauseEnabled(): boolean {\n    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isInAd();\n  }\n\n  private isBackgroundAudioEnabled(): boolean {\n    return this._webAdapter.backgroundAudioConfiguration.enabled === true;\n  }\n}\n"],"mappings":"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"}

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

@@ -14,7 +14,7 @@ export interface TextTrackStyle {
      * @example
      * <br/> - `red` will set the color of the text to red.
      * <br/> - `#ff0000` will set the color of the text to red.
-     * <br/> - `rgba(255,0,0,0.5)` will set the color of the text to red, with 50% opacity.
+     * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the color of the text to red, with 50% opacity.
      */
     fontColor: string | undefined;
     /**
@@ -33,19 +33,20 @@ export interface TextTrackStyle {
      * @example
      * <br/> - `red` will set the background color of the text track to red.
      * <br/> - `#ff0000` will set the background color of the text track to red.
-     * <br/> - `rgba(255,0,0,0.5)` will set the background color of the text track to red, with 50% opacity.
+     * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the background color of the text track to red, with 50% opacity.
      */
     backgroundColor: string | undefined;
     /**
      * The window color for the text track.
      *
      * @remarks
-     * This targets the area covering the full width of the text track.
+     * <br/> - This targets the area covering the full width of the text track.
+     * <br/> - Available on Web and Android only.
      *
      * @example
      * <br/> - `red` will set the background color of the window of the text track to red.
      * <br/> - `#ff0000` will set the background color of the window of the text track to red.
-     * <br/> - `rgba(255,0,0,0.5)` will set the background color of the window of the text track to red, with 50% opacity.
+     * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the background color of the window of the text track to red, with 50% opacity.
      */
     windowColor: string | undefined;
     /**
@@ -57,6 +58,37 @@ export interface TextTrackStyle {
      * <br/> - `'uniform`
      */
     edgeStyle: EdgeStyle | undefined;
+    /**
+     * The top margin of the area where subtitles are being rendered.
+     *
+     * @remarks
+     * <br/> - The margin is in number of pixels.
+     */
+    marginTop: number | undefined;
+    /**
+     * The bottom margin of the area where subtitles are being rendered.
+     *
+     * @remarks
+     * <br/> - The margin is in number of pixels.
+     * <br/> - Available on Web only.
+     */
+    marginBottom: number | undefined;
+    /**
+     * The left margin of the area where subtitles are being rendered.
+     *
+     * @remarks
+     * <br/> - The margin is in number of pixels.
+     */
+    marginLeft: number | undefined;
+    /**
+     * The right margin  of the area where subtitles are being rendered.
+     *
+     * @remarks
+     * <br/> - The margin is in number of pixels.
+     * <br/> - Useful for pushing the subtitles left, so they don't overlap with the UI.
+     * <br/> - Available on Web only.
+     */
+    marginRight: number | undefined;
 }
 /**
  * The style of the edge, represented by a value from the following list:
@@ -68,4 +100,10 @@ export interface TextTrackStyle {
  *
  * @public
  */
-export declare type EdgeStyle = 'none' | 'dropshadow' | 'raised' | 'depressed' | 'uniform';
+export declare enum EdgeStyle {
+    none = "none",
+    dropshadow = "dropshadow",
+    raised = "raised",
+    depressed = "depressed",
+    uniform = "uniform"
+}

package/lib/typescript/internal/adapter/track/TextTrackStyleAdapter.d.ts

@@ -1,17 +1,35 @@
 import type { EdgeStyle, TextTrackStyle, THEOplayerView } from 'react-native-theoplayer';
 export declare class TextTrackStyleAdapter implements TextTrackStyle {
-    private readonly _player;
-    constructor(_player: THEOplayerView);
+    private readonly _view;
+    private _backgroundColor;
+    private _edgeStyle;
+    private _fontColor;
+    private _fontFamily;
+    private _fontSize;
+    private _windowColor;
+    private _marginBottom;
+    private _marginTop;
+    private _marginLeft;
+    private _marginRight;
+    constructor(_view: THEOplayerView);
     get backgroundColor(): string | undefined;
-    set backgroundColor(_: string | undefined);
+    set backgroundColor(color: string | undefined);
     get edgeStyle(): EdgeStyle | undefined;
-    set edgeStyle(_: EdgeStyle | undefined);
+    set edgeStyle(style: EdgeStyle | undefined);
     get fontColor(): string | undefined;
-    set fontColor(_: string | undefined);
+    set fontColor(color: string | undefined);
     get fontFamily(): string | undefined;
-    set fontFamily(_: string | undefined);
+    set fontFamily(family: string | undefined);
     get fontSize(): string | undefined;
-    set fontSize(_: string | undefined);
+    set fontSize(size: string | undefined);
     get windowColor(): string | undefined;
-    set windowColor(_: string | undefined);
+    set windowColor(color: string | undefined);
+    get marginBottom(): number | undefined;
+    set marginBottom(margin: number | undefined);
+    get marginLeft(): number | undefined;
+    set marginLeft(margin: number | undefined);
+    get marginRight(): number | undefined;
+    set marginRight(margin: number | undefined);
+    get marginTop(): number | undefined;
+    set marginTop(margin: number | undefined);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

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.4", ">= 5.4.1"
+    s.dependency "THEOplayerSDK-core", "~> 5.6"
     if theofeatures.include?("GOOGLE_IMA") 
 	  puts "Adding THEOplayer-Integration-GoogleIMA"
       s.dependency "THEOplayer-Integration-GoogleIMA"

package/src/api/track/TextTrackStyle.ts

@@ -15,7 +15,7 @@ export interface TextTrackStyle {
    * @example
    * <br/> - `red` will set the color of the text to red.
    * <br/> - `#ff0000` will set the color of the text to red.
-   * <br/> - `rgba(255,0,0,0.5)` will set the color of the text to red, with 50% opacity.
+   * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the color of the text to red, with 50% opacity.
    */
   fontColor: string | undefined;
 
@@ -36,7 +36,7 @@ export interface TextTrackStyle {
    * @example
    * <br/> - `red` will set the background color of the text track to red.
    * <br/> - `#ff0000` will set the background color of the text track to red.
-   * <br/> - `rgba(255,0,0,0.5)` will set the background color of the text track to red, with 50% opacity.
+   * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the background color of the text track to red, with 50% opacity.
    */
   backgroundColor: string | undefined;
 
@@ -44,12 +44,13 @@ export interface TextTrackStyle {
    * The window color for the text track.
    *
    * @remarks
-   * This targets the area covering the full width of the text track.
+   * <br/> - This targets the area covering the full width of the text track.
+   * <br/> - Available on Web and Android only.
    *
    * @example
    * <br/> - `red` will set the background color of the window of the text track to red.
    * <br/> - `#ff0000` will set the background color of the window of the text track to red.
-   * <br/> - `rgba(255,0,0,0.5)` will set the background color of the window of the text track to red, with 50% opacity.
+   * <br/> - Available on Web only: `rgba(255,0,0,0.5)` will set the background color of the window of the text track to red, with 50% opacity.
    */
   windowColor: string | undefined;
 
@@ -62,6 +63,39 @@ export interface TextTrackStyle {
    * <br/> - `'uniform`
    */
   edgeStyle: EdgeStyle | undefined;
+
+  /**
+   * The top margin of the area where subtitles are being rendered.
+   *
+   * @remarks
+   * <br/> - The margin is in number of pixels.
+   */
+  marginTop: number | undefined;
+
+  /**
+   * The bottom margin of the area where subtitles are being rendered.
+   *
+   * @remarks
+   * <br/> - The margin is in number of pixels.
+   * <br/> - Available on Web only.
+   */
+  marginBottom: number | undefined;
+  /**
+   * The left margin of the area where subtitles are being rendered.
+   *
+   * @remarks
+   * <br/> - The margin is in number of pixels.
+   */
+  marginLeft: number | undefined;
+  /**
+   * The right margin  of the area where subtitles are being rendered.
+   *
+   * @remarks
+   * <br/> - The margin is in number of pixels.
+   * <br/> - Useful for pushing the subtitles left, so they don't overlap with the UI.
+   * <br/> - Available on Web only.
+   */
+  marginRight: number | undefined;
 }
 
 /**
@@ -74,4 +108,10 @@ export interface TextTrackStyle {
  *
  * @public
  */
-export type EdgeStyle = 'none' | 'dropshadow' | 'raised' | 'depressed' | 'uniform';
+export enum EdgeStyle {
+  none = 'none',
+  dropshadow = 'dropshadow',
+  raised = 'raised',
+  depressed = 'depressed',
+  uniform = 'uniform',
+}

package/src/internal/adapter/track/NamedColors.json

@@ -0,0 +1,143 @@
+{
+  "aliceblue": "f0f8ff",
+  "antiquewhite": "faebd7",
+  "aqua": "00ffff",
+  "aquamarine": "7fffd4",
+  "azure": "f0ffff",
+  "beige": "f5f5dc",
+  "bisque": "ffe4c4",
+  "black": "000000",
+  "blanchedalmond": "ffebcd",
+  "blue": "0000ff",
+  "blueviolet": "8a2be2",
+  "brown": "a52a2a",
+  "burlywood": "deb887",
+  "cadetblue": "5f9ea0",
+  "chartreuse": "7fff00",
+  "chocolate": "d2691e",
+  "coral": "ff7f50",
+  "cornflowerblue": "6495ed",
+  "cornsilk": "fff8dc",
+  "crimson": "dc143c",
+  "cyan": "00ffff",
+  "darkblue": "00008b",
+  "darkcyan": "008b8b",
+  "darkgoldenrod": "b8860b",
+  "darkgray": "a9a9a9",
+  "darkgreen": "006400",
+  "darkkhaki": "bdb76b",
+  "darkmagenta": "8b008b",
+  "darkolivegreen": "556b2f",
+  "darkorange": "ff8c00",
+  "darkorchid": "9932cc",
+  "darkred": "8b0000",
+  "darksalmon": "e9967a",
+  "darkseagreen": "8fbc8f",
+  "darkslateblue": "483d8b",
+  "darkslategray": "2f4f4f",
+  "darkturquoise": "00ced1",
+  "darkviolet": "9400d3",
+  "deeppink": "ff1493",
+  "deepskyblue": "00bfff",
+  "dimgray": "696969",
+  "dodgerblue": "1e90ff",
+  "firebrick": "b22222",
+  "floralwhite": "fffaf0",
+  "forestgreen": "228b22",
+  "fuchsia": "ff00ff",
+  "gainsboro": "dcdcdc",
+  "ghostwhite": "f8f8ff",
+  "gold": "ffd700",
+  "goldenrod": "daa520",
+  "gray": "808080",
+  "green": "008000",
+  "greenyellow": "adff2f",
+  "honeydew": "f0fff0",
+  "hotpink": "ff69b4",
+  "indianred": "cd5c5c",
+  "indigo": "4b0082",
+  "ivory": "fffff0",
+  "khaki": "f0e68c",
+  "lavender": "e6e6fa",
+  "lavenderblush": "fff0f5",
+  "lawngreen": "7cfc00",
+  "lemonchiffon": "fffacd",
+  "lightblue": "add8e6",
+  "lightcoral": "f08080",
+  "lightcyan": "e0ffff",
+  "lightgoldenrodyellow": "fafad2",
+  "lightgray": "d3d3d3",
+  "lightgreen": "90ee90",
+  "lightpink": "ffb6c1",
+  "lightsalmon": "ffa07a",
+  "lightseagreen": "20b2aa",
+  "lightskyblue": "87cefa",
+  "lightslategray": "778899",
+  "lightsteelblue": "b0c4de",
+  "lightyellow": "ffffe0",
+  "lime": "00ff00",
+  "limegreen": "32cd32",
+  "linen": "faf0e6",
+  "magenta": "ff00ff",
+  "maroon": "800000",
+  "mediumaquamarine": "66cdaa",
+  "mediumblue": "0000cd",
+  "mediumorchid": "ba55d3",
+  "mediumpurple": "9370db",
+  "mediumseagreen": "3cb371",
+  "mediumslateblue": "7b68ee",
+  "mediumspringgreen": "00fa9a",
+  "mediumturquoise": "48d1cc",
+  "mediumvioletred": "c71585",
+  "midnightblue": "191970",
+  "mintcream": "f5fffa",
+  "mistyrose": "ffe4e1",
+  "moccasin": "ffe4b5",
+  "navajowhite": "ffdead",
+  "navy": "000080",
+  "oldlace": "fdf5e6",
+  "olive": "808000",
+  "olivedrab": "6b8e23",
+  "orange": "ffa500",
+  "orangered": "ff4500",
+  "orchid": "da70d6",
+  "palegoldenrod": "eee8aa",
+  "palegreen": "98fb98",
+  "paleturquoise": "afeeee",
+  "palevioletred": "db7093",
+  "papayawhip": "ffefd5",
+  "peachpuff": "ffdab9",
+  "peru": "cd853f",
+  "pink": "ffc0cb",
+  "plum": "dda0dd",
+  "powderblue": "b0e0e6",
+  "purple": "800080",
+  "rebeccapurple": "663399",
+  "red": "ff0000",
+  "rosybrown": "bc8f8f",
+  "royalblue": "4169e1",
+  "saddlebrown": "8b4513",
+  "salmon": "fa8072",
+  "sandybrown": "f4a460",
+  "seagreen": "2e8b57",
+  "seashell": "fff5ee",
+  "sienna": "a0522d",
+  "silver": "c0c0c0",
+  "skyblue": "87ceeb",
+  "slateblue": "6a5acd",
+  "slategray": "708090",
+  "snow": "fffafa",
+  "springgreen": "00ff7f",
+  "steelblue": "4682b4",
+  "tan": "d2b48c",
+  "teal": "008080",
+  "thistle": "d8bfd8",
+  "tomato": "ff6347",
+  "turquoise": "40e0d0",
+  "violet": "ee82ee",
+  "wheat": "f5deb3",
+  "white": "ffffff",
+  "whitesmoke": "f5f5f5",
+  "yellow": "ffff00",
+  "yellowgreen": "9acd32"
+}