react-native-theoplayer 2.2.0 → 2.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["fromNativeCue","cue","id","uid","startTime","endTime","content","fromNativeTextTrackList","tracks","map","track","fromNativeTextTrack","kind","label","language","mode","type","src","forced","cues","fromNativeMediaTrackList","fromNativeMediaTrack","activeQuality","qualities","findNativeQualityByUid","mediaTrack","find","quality","findNativeQualitiesByUid","undefined","Array","isArray","filter","includes"],"sources":["TrackUtils.ts"],"sourcesContent":["import type {\n  MediaTrack as NativeMediaTrack,\n  MediaTrackList as NativeMediaTrackList,\n  Quality as NativeQuality,\n  TextTrack as NativeTextTrack,\n  TextTrackCue as NativeTextTrackCue,\n  TextTracksList as NativeTextTrackList,\n} from 'theoplayer';\nimport type { MediaTrack, TextTrack, TextTrackCue } from 'react-native-theoplayer';\n\nexport function fromNativeCue(cue: NativeTextTrackCue): TextTrackCue {\n  return {\n    id: cue.id,\n    uid: cue.uid,\n    startTime: 1e3 * cue.startTime,\n    endTime: 1e3 * cue.endTime,\n    content: cue.content,\n  } as TextTrackCue;\n}\n\nexport function fromNativeTextTrackList(tracks: NativeTextTrackList): TextTrack[] {\n  return tracks.map((track) => fromNativeTextTrack(track));\n}\n\nexport function fromNativeTextTrack(track: NativeTextTrack): TextTrack {\n  const { id, uid, kind, label, language, mode, type, src, forced } = track;\n\n  return {\n    id,\n    uid,\n    kind,\n    label,\n    language,\n    mode,\n    type,\n    src,\n    forced,\n    cues: track.cues ? track.cues.map((cue) => fromNativeCue(cue)) : [],\n  } as TextTrack;\n}\n\nexport function fromNativeMediaTrackList(tracks: NativeMediaTrackList): MediaTrack[] {\n  return tracks.map((track) => fromNativeMediaTrack(track));\n}\n\nexport function fromNativeMediaTrack(track: NativeMediaTrack): MediaTrack {\n  const { id, uid, kind, label, language, activeQuality, qualities } = track;\n  return {\n    kind,\n    label,\n    language,\n    id,\n    uid,\n    activeQuality,\n    qualities,\n  } as MediaTrack;\n}\n\nexport function findNativeQualityByUid(mediaTrack: NativeMediaTrack, uid: number | undefined): NativeQuality | undefined {\n  return mediaTrack.qualities.find((quality) => quality.uid === uid);\n}\n\nexport function findNativeQualitiesByUid(mediaTrack: NativeMediaTrack | undefined, uid: number | number[] | undefined): NativeQuality[] | undefined {\n  if (uid !== undefined && mediaTrack) {\n    if (Array.isArray(uid)) {\n      return mediaTrack.qualities.filter((quality) => uid.includes(quality.uid));\n    } else {\n      const quality = findNativeQualityByUid(mediaTrack, uid);\n      return quality ? [quality] : undefined;\n    }\n  }\n  return undefined;\n}\n"],"mappings":"AAUA,OAAO,SAASA,aAAaA,CAACC,GAAuB,EAAgB;EACnE,OAAO;IACLC,EAAE,EAAED,GAAG,CAACC,EAAE;IACVC,GAAG,EAAEF,GAAG,CAACE,GAAG;IACZC,SAAS,EAAE,GAAG,GAAGH,GAAG,CAACG,SAAS;IAC9BC,OAAO,EAAE,GAAG,GAAGJ,GAAG,CAACI,OAAO;IAC1BC,OAAO,EAAEL,GAAG,CAACK;EACf,CAAC;AACH;AAEA,OAAO,SAASC,uBAAuBA,CAACC,MAA2B,EAAe;EAChF,OAAOA,MAAM,CAACC,GAAG,CAAEC,KAAK,IAAKC,mBAAmB,CAACD,KAAK,CAAC,CAAC;AAC1D;AAEA,OAAO,SAASC,mBAAmBA,CAACD,KAAsB,EAAa;EACrE,MAAM;IAAER,EAAE;IAAEC,GAAG;IAAES,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,IAAI;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGR,KAAK;EAEzE,OAAO;IACLR,EAAE;IACFC,GAAG;IACHS,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,IAAI;IACJC,GAAG;IACHC,MAAM;IACNC,IAAI,EAAET,KAAK,CAACS,IAAI,GAAGT,KAAK,CAACS,IAAI,CAACV,GAAG,CAAER,GAAG,IAAKD,aAAa,CAACC,GAAG,CAAC,CAAC,GAAG;EACnE,CAAC;AACH;AAEA,OAAO,SAASmB,wBAAwBA,CAACZ,MAA4B,EAAgB;EACnF,OAAOA,MAAM,CAACC,GAAG,CAAEC,KAAK,IAAKW,oBAAoB,CAACX,KAAK,CAAC,CAAC;AAC3D;AAEA,OAAO,SAASW,oBAAoBA,CAACX,KAAuB,EAAc;EACxE,MAAM;IAAER,EAAE;IAAEC,GAAG;IAAES,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEQ,aAAa;IAAEC;EAAU,CAAC,GAAGb,KAAK;EAC1E,OAAO;IACLE,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRZ,EAAE;IACFC,GAAG;IACHmB,aAAa;IACbC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,sBAAsBA,CAACC,UAA4B,EAAEtB,GAAuB,EAA6B;EACvH,OAAOsB,UAAU,CAACF,SAAS,CAACG,IAAI,CAAEC,OAAO,IAAKA,OAAO,CAACxB,GAAG,KAAKA,GAAG,CAAC;AACpE;AAEA,OAAO,SAASyB,wBAAwBA,CAACH,UAAwC,EAAEtB,GAAkC,EAA+B;EAClJ,IAAIA,GAAG,KAAK0B,SAAS,IAAIJ,UAAU,EAAE;IACnC,IAAIK,KAAK,CAACC,OAAO,CAAC5B,GAAG,CAAC,EAAE;MACtB,OAAOsB,UAAU,CAACF,SAAS,CAACS,MAAM,CAAEL,OAAO,IAAKxB,GAAG,CAAC8B,QAAQ,CAACN,OAAO,CAACxB,GAAG,CAAC,CAAC;IAC5E,CAAC,MAAM;MACL,MAAMwB,OAAO,GAAGH,sBAAsB,CAACC,UAAU,EAAEtB,GAAG,CAAC;MACvD,OAAOwB,OAAO,GAAG,CAACA,OAAO,CAAC,GAAGE,SAAS;IACxC;EACF;EACA,OAAOA,SAAS;AAClB"}
+{"version":3,"names":["decodeNanInf","fromNativeCue","cue","id","uid","startTime","endTime","content","fromNativeTextTrackList","tracks","map","track","fromNativeTextTrack","kind","label","language","mode","type","src","forced","cues","fromNativeMediaTrackList","fromNativeMediaTrack","activeQuality","qualities","findNativeQualityByUid","mediaTrack","find","quality","findNativeQualitiesByUid","undefined","Array","isArray","filter","includes"],"sources":["TrackUtils.ts"],"sourcesContent":["import type {\n  MediaTrack as NativeMediaTrack,\n  MediaTrackList as NativeMediaTrackList,\n  Quality as NativeQuality,\n  TextTrack as NativeTextTrack,\n  TextTrackCue as NativeTextTrackCue,\n  TextTracksList as NativeTextTrackList,\n} from 'theoplayer';\nimport type { MediaTrack, TextTrack, TextTrackCue } from 'react-native-theoplayer';\nimport { decodeNanInf } from '../../utils/TypeUtils';\n\nexport function fromNativeCue(cue: NativeTextTrackCue): TextTrackCue {\n  return {\n    id: cue.id,\n    uid: cue.uid,\n    startTime: decodeNanInf(1e3 * cue.startTime),\n    endTime: decodeNanInf(1e3 * cue.endTime),\n    content: cue.content,\n  } as TextTrackCue;\n}\n\nexport function fromNativeTextTrackList(tracks: NativeTextTrackList): TextTrack[] {\n  return tracks.map((track) => fromNativeTextTrack(track));\n}\n\nexport function fromNativeTextTrack(track: NativeTextTrack): TextTrack {\n  const { id, uid, kind, label, language, mode, type, src, forced } = track;\n\n  return {\n    id,\n    uid,\n    kind,\n    label,\n    language,\n    mode,\n    type,\n    src,\n    forced,\n    cues: track.cues ? track.cues.map((cue) => fromNativeCue(cue)) : [],\n  } as TextTrack;\n}\n\nexport function fromNativeMediaTrackList(tracks: NativeMediaTrackList): MediaTrack[] {\n  return tracks.map((track) => fromNativeMediaTrack(track));\n}\n\nexport function fromNativeMediaTrack(track: NativeMediaTrack): MediaTrack {\n  const { id, uid, kind, label, language, activeQuality, qualities } = track;\n  return {\n    kind,\n    label,\n    language,\n    id,\n    uid,\n    activeQuality,\n    qualities,\n  } as MediaTrack;\n}\n\nexport function findNativeQualityByUid(mediaTrack: NativeMediaTrack, uid: number | undefined): NativeQuality | undefined {\n  return mediaTrack.qualities.find((quality) => quality.uid === uid);\n}\n\nexport function findNativeQualitiesByUid(mediaTrack: NativeMediaTrack | undefined, uid: number | number[] | undefined): NativeQuality[] | undefined {\n  if (uid !== undefined && mediaTrack) {\n    if (Array.isArray(uid)) {\n      return mediaTrack.qualities.filter((quality) => uid.includes(quality.uid));\n    } else {\n      const quality = findNativeQualityByUid(mediaTrack, uid);\n      return quality ? [quality] : undefined;\n    }\n  }\n  return undefined;\n}\n"],"mappings":"AASA,SAASA,YAAY,QAAQ,uBAAuB;AAEpD,OAAO,SAASC,aAAaA,CAACC,GAAuB,EAAgB;EACnE,OAAO;IACLC,EAAE,EAAED,GAAG,CAACC,EAAE;IACVC,GAAG,EAAEF,GAAG,CAACE,GAAG;IACZC,SAAS,EAAEL,YAAY,CAAC,GAAG,GAAGE,GAAG,CAACG,SAAS,CAAC;IAC5CC,OAAO,EAAEN,YAAY,CAAC,GAAG,GAAGE,GAAG,CAACI,OAAO,CAAC;IACxCC,OAAO,EAAEL,GAAG,CAACK;EACf,CAAC;AACH;AAEA,OAAO,SAASC,uBAAuBA,CAACC,MAA2B,EAAe;EAChF,OAAOA,MAAM,CAACC,GAAG,CAAEC,KAAK,IAAKC,mBAAmB,CAACD,KAAK,CAAC,CAAC;AAC1D;AAEA,OAAO,SAASC,mBAAmBA,CAACD,KAAsB,EAAa;EACrE,MAAM;IAAER,EAAE;IAAEC,GAAG;IAAES,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,IAAI;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGR,KAAK;EAEzE,OAAO;IACLR,EAAE;IACFC,GAAG;IACHS,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,IAAI;IACJC,GAAG;IACHC,MAAM;IACNC,IAAI,EAAET,KAAK,CAACS,IAAI,GAAGT,KAAK,CAACS,IAAI,CAACV,GAAG,CAAER,GAAG,IAAKD,aAAa,CAACC,GAAG,CAAC,CAAC,GAAG;EACnE,CAAC;AACH;AAEA,OAAO,SAASmB,wBAAwBA,CAACZ,MAA4B,EAAgB;EACnF,OAAOA,MAAM,CAACC,GAAG,CAAEC,KAAK,IAAKW,oBAAoB,CAACX,KAAK,CAAC,CAAC;AAC3D;AAEA,OAAO,SAASW,oBAAoBA,CAACX,KAAuB,EAAc;EACxE,MAAM;IAAER,EAAE;IAAEC,GAAG;IAAES,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEQ,aAAa;IAAEC;EAAU,CAAC,GAAGb,KAAK;EAC1E,OAAO;IACLE,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRZ,EAAE;IACFC,GAAG;IACHmB,aAAa;IACbC;EACF,CAAC;AACH;AAEA,OAAO,SAASC,sBAAsBA,CAACC,UAA4B,EAAEtB,GAAuB,EAA6B;EACvH,OAAOsB,UAAU,CAACF,SAAS,CAACG,IAAI,CAAEC,OAAO,IAAKA,OAAO,CAACxB,GAAG,KAAKA,GAAG,CAAC;AACpE;AAEA,OAAO,SAASyB,wBAAwBA,CAACH,UAAwC,EAAEtB,GAAkC,EAA+B;EAClJ,IAAIA,GAAG,KAAK0B,SAAS,IAAIJ,UAAU,EAAE;IACnC,IAAIK,KAAK,CAACC,OAAO,CAAC5B,GAAG,CAAC,EAAE;MACtB,OAAOsB,UAAU,CAACF,SAAS,CAACS,MAAM,CAAEL,OAAO,IAAKxB,GAAG,CAAC8B,QAAQ,CAACN,OAAO,CAACxB,GAAG,CAAC,CAAC;IAC5E,CAAC,MAAM;MACL,MAAMwB,OAAO,GAAGH,sBAAsB,CAACC,UAAU,EAAEtB,GAAG,CAAC;MACvD,OAAOwB,OAAO,GAAG,CAACA,OAAO,CAAC,GAAGE,SAAS;IACxC;EACF;EACA,OAAOA,SAAS;AAClB"}

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

@@ -3,7 +3,6 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /* eslint-disable @typescript-eslint/no-empty-function */
 
-import { PresentationMode } from 'react-native-theoplayer';
 export const defaultWebMediaSessionConfig = {
   skipTime: 15
 };
@@ -141,42 +140,29 @@ export class WebMediaSession {
   isLive() {
     return !isFinite(this._player.duration);
   }
-  isAd() {
+  isInAd() {
     var _this$_player$ads5;
-    return ((_this$_player$ads5 = this._player.ads) === null || _this$_player$ads5 === void 0 ? void 0 : _this$_player$ads5.playing) == true;
+    return ((_this$_player$ads5 = this._player.ads) === null || _this$_player$ads5 === void 0 ? void 0 : _this$_player$ads5.playing) === true;
   }
   isInBackground() {
     return document.visibilityState !== 'visible';
   }
-  isTrickplayEnabled() {
-    // By default, no trickplay for live
-    if (this.isLive()) {
-      return false;
-    }
 
-    // In PiP mode, disable trick-play for ads.
-    if (this._webAdapter.presentationMode === PresentationMode.pip) {
-      return !this.isAd();
-    }
-    // During background playback
-    if (this.isInBackground()) {
-      // Disable trick-play for ads.
-      return !(this.isAd() || this.isLive());
-    }
-    return true;
+  // By default, only show trick-play buttons if:
+  // - backgroundAudio is enabled, or the player is in foreground;
+  // - and, the current asset is neither a live stream, nor an ad.
+  isTrickplayEnabled() {
+    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isLive() && !this.isInAd();
   }
+
+  // By default, only show a play/pause button if:
+  // - backgroundAudio is enabled, or the player is in foreground;
+  // - and, the current asset is not an ad.
   isPlayPauseEnabled() {
-    // In PiP mode
-    if (this._webAdapter.presentationMode === PresentationMode.pip) {
-      // Disable play/pause for ads
-      return !this.isAd();
-    }
-    // During background playback
-    if (this.isInBackground()) {
-      // Disable play/pause for ads & live content.
-      return !(this.isAd() || this.isLive());
-    }
-    return true;
+    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isInAd();
+  }
+  isBackgroundAudioEnabled() {
+    return this._webAdapter.backgroundAudioConfiguration.enabled === true;
   }
 }
 //# sourceMappingURL=WebMediaSession.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["PresentationMode","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","isAd","_this$_player$ads5","playing","isInBackground","document","visibilityState","presentationMode","pip"],"sources":["WebMediaSession.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport type { ChromelessPlayer } from 'theoplayer';\nimport type { THEOplayerWebAdapter } from '../THEOplayerWebAdapter';\nimport { PresentationMode } from 'react-native-theoplayer';\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 isAd(): boolean {\n    return this._player.ads?.playing == true;\n  }\n\n  private isInBackground(): boolean {\n    return document.visibilityState !== 'visible';\n  }\n\n  private isTrickplayEnabled(): boolean {\n    // By default, no trickplay for live\n    if (this.isLive()) {\n      return false;\n    }\n\n    // In PiP mode, disable trick-play for ads.\n    if (this._webAdapter.presentationMode === PresentationMode.pip) {\n      return !this.isAd();\n    }\n    // During background playback\n    if (this.isInBackground()) {\n      // Disable trick-play for ads.\n      return !(this.isAd() || this.isLive());\n    }\n    return true;\n  }\n\n  private isPlayPauseEnabled(): boolean {\n    // In PiP mode\n    if (this._webAdapter.presentationMode === PresentationMode.pip) {\n      // Disable play/pause for ads\n      return !this.isAd();\n    }\n    // During background playback\n    if (this.isInBackground()) {\n      // Disable play/pause for ads & live content.\n      return !(this.isAd() || this.isLive());\n    }\n    return 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","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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"}

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

@@ -61,7 +61,7 @@ export class WebPresentationModeManager {
       }
     }
     // listen for pip updates on element
-    if (this._element != null) {
+    if (this._element !== undefined) {
       this._element.onenterpictureinpicture = () => {
         this.updatePresentationMode();
       };

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

@@ -1 +1 @@
-{"version":3,"names":["PresentationMode","DefaultPresentationModeChangeEvent","browserDetection","WebPresentationModeManager","constructor","player","eventForwarder","_defineProperty","inline","undefined","_player","_eventForwarder","presentationMode","_presentationMode","prepareForPresentationModeChanges","IS_SAFARI_","fullscreen","_this$_element","_this$_element$webkit","_element","webkitEnterFullscreen","call","pip","_this$_element2","_this$_element2$webki","webkitSetPresentationMode","_this$_element3","_this$_element3$webki","appElement","document","getElementById","requestFullscreen","_this$_element4","_this$_element4$reque","requestPictureInPicture","exitFullscreen","exitPictureInPicture","elements","element","children","Array","from","tagName","attributes","getNamedItem","onenterpictureinpicture","updatePresentationMode","onleavepictureinpicture","onfullscreenchange","newPresentationMode","fullscreenElement","pictureInPictureElement","previousPresentationMode","dispatchEvent"],"sources":["WebPresentationModeManager.ts"],"sourcesContent":["import type { PlayerEventMap } from 'react-native-theoplayer';\nimport { PresentationMode } from 'react-native-theoplayer';\nimport type * as THEOplayerWeb from 'theoplayer';\nimport { DefaultPresentationModeChangeEvent } from '../event/PlayerEvents';\nimport { browserDetection } from '../../../web/platform/BrowserDetection';\nimport type { DefaultEventDispatcher } from '../event/DefaultEventDispatcher';\n\nexport class WebPresentationModeManager {\n  private readonly _player: THEOplayerWeb.ChromelessPlayer;\n  private _presentationMode: PresentationMode = PresentationMode.inline;\n  private _element: HTMLVideoElement | undefined = undefined;\n  private _eventForwarder: DefaultEventDispatcher<PlayerEventMap>;\n\n  constructor(player: THEOplayerWeb.ChromelessPlayer, eventForwarder: DefaultEventDispatcher<PlayerEventMap>) {\n    this._player = player;\n    this._eventForwarder = eventForwarder;\n  }\n\n  get presentationMode(): PresentationMode {\n    return this._presentationMode;\n  }\n\n  set presentationMode(presentationMode: PresentationMode) {\n    if (presentationMode === this._presentationMode) {\n      return;\n    }\n\n    this.prepareForPresentationModeChanges();\n\n    // on iOS Safari requestFullscreen isn't supported (https://caniuse.com/?search=requestFullscreen), where we need to use webkit methods on the video element\n    if (/*browserDetection.IS_IOS_ && */ browserDetection.IS_SAFARI_) {\n      if (presentationMode === PresentationMode.fullscreen) {\n        this._element?.webkitEnterFullscreen?.();\n      } else if (presentationMode === PresentationMode.pip) {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);\n      } else {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.inline);\n      }\n    } else {\n      // other web-platformsyarn\n\n      if (presentationMode === PresentationMode.fullscreen) {\n        const appElement = document.getElementById('app');\n        void appElement?.requestFullscreen();\n      } else if (presentationMode === PresentationMode.pip) {\n        void this._element?.requestPictureInPicture?.();\n      } else {\n        if (this._presentationMode === PresentationMode.fullscreen) {\n          void document.exitFullscreen();\n        }\n        if (this._presentationMode === PresentationMode.pip) {\n          void document.exitPictureInPicture();\n        }\n      }\n    }\n  }\n\n  private prepareForPresentationModeChanges() {\n    const elements = this._player.element.children;\n    for (const element of Array.from(elements)) {\n      if (element.tagName === 'VIDEO' && element.attributes.getNamedItem('src') !== null) {\n        this._element = element as HTMLVideoElement;\n      }\n    }\n    // listen for pip updates on element\n    if (this._element != null) {\n      this._element.onenterpictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n      this._element.onleavepictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n    }\n    // listen for fullscreen updates on document\n    document.onfullscreenchange = () => {\n      this.updatePresentationMode();\n    };\n  }\n\n  private updatePresentationMode() {\n    // detect new presentation mode\n    let newPresentationMode: PresentationMode = PresentationMode.inline;\n    if (document.fullscreenElement !== null) {\n      newPresentationMode = PresentationMode.fullscreen;\n    } else if (document.pictureInPictureElement !== null) {\n      newPresentationMode = PresentationMode.pip;\n    }\n\n    // when changed, notify by dispatching presentationModeChange event\n    const previousPresentationMode = this._presentationMode;\n    if (newPresentationMode !== previousPresentationMode) {\n      this._presentationMode = newPresentationMode;\n      this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["PresentationMode","DefaultPresentationModeChangeEvent","browserDetection","WebPresentationModeManager","constructor","player","eventForwarder","_defineProperty","inline","undefined","_player","_eventForwarder","presentationMode","_presentationMode","prepareForPresentationModeChanges","IS_SAFARI_","fullscreen","_this$_element","_this$_element$webkit","_element","webkitEnterFullscreen","call","pip","_this$_element2","_this$_element2$webki","webkitSetPresentationMode","_this$_element3","_this$_element3$webki","appElement","document","getElementById","requestFullscreen","_this$_element4","_this$_element4$reque","requestPictureInPicture","exitFullscreen","exitPictureInPicture","elements","element","children","Array","from","tagName","attributes","getNamedItem","onenterpictureinpicture","updatePresentationMode","onleavepictureinpicture","onfullscreenchange","newPresentationMode","fullscreenElement","pictureInPictureElement","previousPresentationMode","dispatchEvent"],"sources":["WebPresentationModeManager.ts"],"sourcesContent":["import type { PlayerEventMap } from 'react-native-theoplayer';\nimport { PresentationMode } from 'react-native-theoplayer';\nimport type * as THEOplayerWeb from 'theoplayer';\nimport { DefaultPresentationModeChangeEvent } from '../event/PlayerEvents';\nimport { browserDetection } from '../../../web/platform/BrowserDetection';\nimport type { DefaultEventDispatcher } from '../event/DefaultEventDispatcher';\n\nexport class WebPresentationModeManager {\n  private readonly _player: THEOplayerWeb.ChromelessPlayer;\n  private _presentationMode: PresentationMode = PresentationMode.inline;\n  private _element: HTMLVideoElement | undefined = undefined;\n  private _eventForwarder: DefaultEventDispatcher<PlayerEventMap>;\n\n  constructor(player: THEOplayerWeb.ChromelessPlayer, eventForwarder: DefaultEventDispatcher<PlayerEventMap>) {\n    this._player = player;\n    this._eventForwarder = eventForwarder;\n  }\n\n  get presentationMode(): PresentationMode {\n    return this._presentationMode;\n  }\n\n  set presentationMode(presentationMode: PresentationMode) {\n    if (presentationMode === this._presentationMode) {\n      return;\n    }\n\n    this.prepareForPresentationModeChanges();\n\n    // on iOS Safari requestFullscreen isn't supported (https://caniuse.com/?search=requestFullscreen), where we need to use webkit methods on the video element\n    if (/*browserDetection.IS_IOS_ && */ browserDetection.IS_SAFARI_) {\n      if (presentationMode === PresentationMode.fullscreen) {\n        this._element?.webkitEnterFullscreen?.();\n      } else if (presentationMode === PresentationMode.pip) {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.pip);\n      } else {\n        this._element?.webkitSetPresentationMode?.(PresentationMode.inline);\n      }\n    } else {\n      // other web-platformsyarn\n\n      if (presentationMode === PresentationMode.fullscreen) {\n        const appElement = document.getElementById('app');\n        void appElement?.requestFullscreen();\n      } else if (presentationMode === PresentationMode.pip) {\n        void this._element?.requestPictureInPicture?.();\n      } else {\n        if (this._presentationMode === PresentationMode.fullscreen) {\n          void document.exitFullscreen();\n        }\n        if (this._presentationMode === PresentationMode.pip) {\n          void document.exitPictureInPicture();\n        }\n      }\n    }\n  }\n\n  private prepareForPresentationModeChanges() {\n    const elements = this._player.element.children;\n    for (const element of Array.from(elements)) {\n      if (element.tagName === 'VIDEO' && element.attributes.getNamedItem('src') !== null) {\n        this._element = element as HTMLVideoElement;\n      }\n    }\n    // listen for pip updates on element\n    if (this._element !== undefined) {\n      this._element.onenterpictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n      this._element.onleavepictureinpicture = () => {\n        this.updatePresentationMode();\n      };\n    }\n    // listen for fullscreen updates on document\n    document.onfullscreenchange = () => {\n      this.updatePresentationMode();\n    };\n  }\n\n  private updatePresentationMode() {\n    // detect new presentation mode\n    let newPresentationMode: PresentationMode = PresentationMode.inline;\n    if (document.fullscreenElement !== null) {\n      newPresentationMode = PresentationMode.fullscreen;\n    } else if (document.pictureInPictureElement !== null) {\n      newPresentationMode = PresentationMode.pip;\n    }\n\n    // when changed, notify by dispatching presentationModeChange event\n    const previousPresentationMode = this._presentationMode;\n    if (newPresentationMode !== previousPresentationMode) {\n      this._presentationMode = newPresentationMode;\n      this._eventForwarder.dispatchEvent(new DefaultPresentationModeChangeEvent(this._presentationMode, previousPresentationMode));\n    }\n  }\n}\n"],"mappings":"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"}

package/lib/typescript/api/source/SourceDescription.d.ts

@@ -204,6 +204,12 @@ export interface TextTrackDescription {
  * @public
  */
 export interface BaseSource {
+    /**
+     * The cross-origin setting of the source.
+     *
+     * @defaultValue `''`
+     */
+    crossOrigin?: CrossOriginSetting;
     /**
      * The URL of a time server used by the player to synchronise the time in DASH sources.
      *

package/lib/typescript/internal/adapter/web/WebMediaSession.d.ts

@@ -25,9 +25,10 @@ export declare class WebMediaSession {
     private onAdbreakBegin;
     private onAdbreakEnd;
     private isLive;
-    private isAd;
+    private isInAd;
     private isInBackground;
     private isTrickplayEnabled;
     private isPlayPauseEnabled;
+    private isBackgroundAudioEnabled;
 }
 export {};

package/package.json

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

package/react-native-theoplayer.podspec

@@ -44,7 +44,6 @@ Pod::Spec.new do |s|
     if theofeatures.include?("CHROMECAST")
 	  puts "Adding THEOplayer-Integration-GoogleCast"
       s.ios.dependency "THEOplayer-Integration-GoogleCast"
-      s.ios.dependency "google-cast-sdk-dynamic-xcframework-no-bluetooth"
     end
   end
   

package/src/api/source/SourceDescription.ts

@@ -223,6 +223,14 @@ export interface TextTrackDescription {
  * @public
  */
 export interface BaseSource {
+
+  /**
+   * The cross-origin setting of the source.
+   *
+   * @defaultValue `''`
+   */
+  crossOrigin?: CrossOriginSetting;
+
   /**
    * The URL of a time server used by the player to synchronise the time in DASH sources.
    *

package/src/internal/THEOplayerView.tsx

@@ -254,7 +254,12 @@ export class THEOplayerView extends PureComponent<React.PropsWithChildren<THEOpl
 
   private _onTextTrackEvent = (event: NativeSyntheticEvent<NativeTextTrackEvent>) => {
     const nativeEvent = event.nativeEvent;
-    this._facade.dispatchEvent(new DefaultTextTrackEvent(toTextTrackEventType(nativeEvent.type), nativeEvent.trackUid, nativeEvent.cue));
+    const cue = nativeEvent.cue;
+    if (cue) {
+      cue.startTime = decodeNanInf(cue.startTime);
+      cue.endTime = decodeNanInf(cue.endTime);
+    }
+    this._facade.dispatchEvent(new DefaultTextTrackEvent(toTextTrackEventType(nativeEvent.type), nativeEvent.trackUid, cue));
   };
 
   private _onMediaTrackListEvent = (event: NativeSyntheticEvent<NativeMediaTrackListEvent>) => {

package/src/internal/THEOplayerView.web.tsx

@@ -15,21 +15,18 @@ 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};
       if (chromeless) {
-        player.current = new THEOplayer.ChromelessPlayer(container.current, config);
+        player.current = new THEOplayer.ChromelessPlayer(container.current, updatedConfig);
       } else {
         player.current = new THEOplayer.Player(container.current, {
-          ...config,
+          ...updatedConfig,
           ui: {
             fluid: true,
-          },
-          allowNativeFullscreen: true,
+          }
         } as THEOplayer.PlayerConfiguration);
       }
 
-      // Prepare the player to ChromelessPlayer.autoplay on platforms where autoplay is restricted without user action.
-      player.current.prepareWithUserAction();
-
       // Adapt native player to react-native player.
       adapter.current = new THEOplayerWebAdapter(player.current, config);
 

package/src/internal/adapter/THEOplayerAdapter.ts

@@ -372,7 +372,7 @@ export class THEOplayerAdapter extends DefaultEventDispatcher<PlayerEventMap> im
   set selectedTextTrack(trackUid: number | undefined) {
     this._state.selectedTextTrack = trackUid;
     this.textTracks.forEach((track) => {
-      if (track.uid == trackUid) {
+      if (track.uid === trackUid) {
         track.mode = TextTrackMode.showing;
       } else if (track.mode === TextTrackMode.showing) {
         track.mode = TextTrackMode.disabled;

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

@@ -7,13 +7,14 @@ import type {
   TextTracksList as NativeTextTrackList,
 } from 'theoplayer';
 import type { MediaTrack, TextTrack, TextTrackCue } from 'react-native-theoplayer';
+import { decodeNanInf } from '../../utils/TypeUtils';
 
 export function fromNativeCue(cue: NativeTextTrackCue): TextTrackCue {
   return {
     id: cue.id,
     uid: cue.uid,
-    startTime: 1e3 * cue.startTime,
-    endTime: 1e3 * cue.endTime,
+    startTime: decodeNanInf(1e3 * cue.startTime),
+    endTime: decodeNanInf(1e3 * cue.endTime),
     content: cue.content,
   } as TextTrackCue;
 }

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

@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 import type { ChromelessPlayer } from 'theoplayer';
 import type { THEOplayerWebAdapter } from '../THEOplayerWebAdapter';
-import { PresentationMode } from 'react-native-theoplayer';
 
 interface WebMediaSessionConfig {
   skipTime: number;
@@ -151,43 +150,29 @@ export class WebMediaSession {
     return !isFinite(this._player.duration);
   }
 
-  private isAd(): boolean {
-    return this._player.ads?.playing == true;
+  private isInAd(): boolean {
+    return this._player.ads?.playing === true;
   }
 
   private isInBackground(): boolean {
     return document.visibilityState !== 'visible';
   }
 
+  // By default, only show trick-play buttons if:
+  // - backgroundAudio is enabled, or the player is in foreground;
+  // - and, the current asset is neither a live stream, nor an ad.
   private isTrickplayEnabled(): boolean {
-    // By default, no trickplay for live
-    if (this.isLive()) {
-      return false;
-    }
-
-    // In PiP mode, disable trick-play for ads.
-    if (this._webAdapter.presentationMode === PresentationMode.pip) {
-      return !this.isAd();
-    }
-    // During background playback
-    if (this.isInBackground()) {
-      // Disable trick-play for ads.
-      return !(this.isAd() || this.isLive());
-    }
-    return true;
+    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isLive() && !this.isInAd();
   }
 
+  // By default, only show a play/pause button if:
+  // - backgroundAudio is enabled, or the player is in foreground;
+  // - and, the current asset is not an ad.
   private isPlayPauseEnabled(): boolean {
-    // In PiP mode
-    if (this._webAdapter.presentationMode === PresentationMode.pip) {
-      // Disable play/pause for ads
-      return !this.isAd();
-    }
-    // During background playback
-    if (this.isInBackground()) {
-      // Disable play/pause for ads & live content.
-      return !(this.isAd() || this.isLive());
-    }
-    return true;
+    return (this.isBackgroundAudioEnabled() || !this.isInBackground()) && !this.isInAd();
+  }
+
+  private isBackgroundAudioEnabled(): boolean {
+    return this._webAdapter.backgroundAudioConfiguration.enabled === true;
   }
 }

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

@@ -63,7 +63,7 @@ export class WebPresentationModeManager {
       }
     }
     // listen for pip updates on element
-    if (this._element != null) {
+    if (this._element !== undefined) {
       this._element.onenterpictureinpicture = () => {
         this.updatePresentationMode();
       };