react-native-theoplayer/lib/commonjs/internal/adapter/THEOplayerAdapter.js

A THEOplayer video component for react-native.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.THEOplayerAdapter = void 0;
var _DefaultEventDispatcher = require("./event/DefaultEventDispatcher");
var _reactNativeTheoplayer = require("react-native-theoplayer");
var _THEOplayerNativeAdsAdapter = require("./ads/THEOplayerNativeAdsAdapter");
var _THEOplayerNativeCastAdapter = require("./cast/THEOplayerNativeCastAdapter");
var _AbrAdapter = require("./abr/AbrAdapter");
var _reactNative = require("react-native");
var _TextTrackStyleAdapter = require("./track/TextTrackStyleAdapter");
var _EventBroadcastAdapter = require("./broadcast/EventBroadcastAdapter");
var _DefaultNativePlayerState = require("./DefaultNativePlayerState");
var _THEOAdsNativeAdapter = require("./theoads/THEOAdsNativeAdapter");
var _TheoLiveNativeAdapter = require("./theolive/TheoLiveNativeAdapter");
const NativePlayerModule = _reactNative.NativeModules.THEORCTPlayerModule;
class THEOplayerAdapter extends _DefaultEventDispatcher.DefaultEventDispatcher {
  _externalEventRouter = undefined;
  constructor(view) {
    super();
    this._view = view;
    this._state = new _DefaultNativePlayerState.DefaultNativePlayerState(this);
    this._adsAdapter = new _THEOplayerNativeAdsAdapter.THEOplayerNativeAdsAdapter(this._view);
    this._theoAdsAdapter = new _THEOAdsNativeAdapter.THEOAdsNativeAdapter(this._view);
    this._castAdapter = new _THEOplayerNativeCastAdapter.THEOplayerNativeCastAdapter(this, this._view);
    this._abrAdapter = new _AbrAdapter.AbrAdapter(this._view);
    this._textTrackStyleAdapter = new _TextTrackStyleAdapter.TextTrackStyleAdapter(this._view);
    this._theoliveAdapter = new _TheoLiveNativeAdapter.TheoLiveNativeAdapter(this._view);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.LOADED_METADATA, this.onLoadedMetadata);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.PAUSE, this.onPause);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.PLAYING, this.onPlaying);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.TIME_UPDATE, this.onTimeupdate);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.DURATION_CHANGE, this.onDurationChange);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.RATE_CHANGE, this.onRateChange);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.SEEKING, this.onSeeking);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.SEEKED, this.onSeeked);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.PROGRESS, this.onProgress);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.MEDIA_TRACK, this.onMediaTrack);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.MEDIA_TRACK_LIST, this.onMediaTrackList);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.PRESENTATIONMODE_CHANGE, this.onPresentationModeChange);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.DIMENSION_CHANGE, this.onDimensionChange);
    this.addEventListener(_reactNativeTheoplayer.PlayerEventType.VIDEO_RESIZE, this.onVideoResize);
  }
  hasValidSource() {
    return this._state.source !== undefined;
  }
  onPause = () => {
    this._state.paused = true;
  };
  onPlaying = () => {
    this._state.paused = false;
  };
  onPresentationModeChange = event => {
    this._state.presentationMode = event.presentationMode;
    if (_reactNative.Platform.OS === 'ios') {
      _reactNative.StatusBar.setHidden(event.presentationMode === _reactNativeTheoplayer.PresentationMode.fullscreen, 'slide');
    }
  };
  onTimeupdate = event => {
    this._state.currentTime = event.currentTime;
    this._state.currentProgramDateTime = event.currentProgramDateTime;
  };
  onDimensionChange = event => {
    this._state.width = event.width;
    this._state.height = event.height;
  };
  onVideoResize = event => {
    this._state.videoWidth = event.videoWidth;
    this._state.videoHeight = event.videoHeight;
  };
  onLoadedMetadata = event => {
    this._state.duration = event.duration;
    this._state.audioTracks = event.audioTracks;
    this._state.videoTracks = event.videoTracks;
    this._state.selectedAudioTrack = event.selectedAudioTrack;
    this._state.selectedVideoTrack = event.selectedVideoTrack;
    if (isFinite(this._state.duration)) {
      this._state.seekable = [{
        start: 0,
        end: this._state.duration
      }];
    }
  };
  onDurationChange = event => {
    this._state.duration = event.duration;
  };
  onRateChange = event => {
    this._state.playbackRate = event.playbackRate;
  };
  onSeeking = e => {
    this._state.seeking = true;
    this._state.currentTime = e.currentTime;
  };
  onSeeked = e => {
    this._state.seeking = false;
    this._state.currentTime = e.currentTime;
  };
  onProgress = event => {
    this._state.seekable = event.seekable?.sort((a, b) => a.end - b.end);
    this._state.buffered = event.buffered?.sort((a, b) => a.end - b.end);
  };
  onMediaTrack = event => {
    const {
      subType,
      trackType,
      trackUid,
      qualities
    } = event;
    const tracks = trackType === _reactNativeTheoplayer.MediaTrackType.VIDEO ? this._state.videoTracks : this._state.audioTracks;
    const track = (0, _reactNativeTheoplayer.findMediaTrackByUid)(tracks, trackUid);
    switch (subType) {
      case _reactNativeTheoplayer.MediaTrackEventType.ACTIVE_QUALITY_CHANGED:
        if (!track) {
          break;
        }

        // Update local state
        Object.assign(track, {
          ...track,
          activeQuality: qualities
        });
        if (!(0, _reactNativeTheoplayer.isVideoQuality)(qualities)) {
          break;
        }
        this._state.videoWidth = qualities.width;
        this._state.videoHeight = qualities.height;
    }
  };
  onMediaTrackList = event => {
    const {
      subType,
      trackType,
      track
    } = event;
    const isAudio = trackType === _reactNativeTheoplayer.MediaTrackType.AUDIO;
    switch (subType) {
      case _reactNativeTheoplayer.TrackListEventType.ADD_TRACK:
        if (isAudio) {
          this._state.audioTracks = (0, _reactNativeTheoplayer.addTrack)(this._state.audioTracks, track);
        } else {
          this._state.videoTracks = (0, _reactNativeTheoplayer.addTrack)(this._state.videoTracks, track);
        }
        break;
      case _reactNativeTheoplayer.TrackListEventType.REMOVE_TRACK:
        if (isAudio) {
          this._state.audioTracks = (0, _reactNativeTheoplayer.removeTrack)(this._state.audioTracks, track);
        } else {
          this._state.videoTracks = (0, _reactNativeTheoplayer.removeTrack)(this._state.videoTracks, track);
        }
        break;
      case _reactNativeTheoplayer.TrackListEventType.CHANGE_TRACK:
        if (isAudio) {
          this._state.audioTracks = (0, _reactNativeTheoplayer.removeTrack)(this._state.audioTracks, track);
          this._state.audioTracks = (0, _reactNativeTheoplayer.addTrack)(this._state.audioTracks, track);
          if (track.enabled) {
            this._state.selectedAudioTrack = track.uid;
          }
        } else {
          this._state.videoTracks = (0, _reactNativeTheoplayer.removeTrack)(this._state.videoTracks, track);
          this._state.videoTracks = (0, _reactNativeTheoplayer.addTrack)(this._state.videoTracks, track);
          if (track.enabled) {
            this._state.selectedVideoTrack = track.uid;
          }
        }
        break;
    }
  };
  get abr() {
    return this._abrAdapter;
  }
  get ads() {
    return this._adsAdapter;
  }
  get theoads() {
    return this._theoAdsAdapter;
  }
  get theoLive() {
    return this._theoliveAdapter;
  }
  get theolive() {
    return this._theoliveAdapter;
  }
  set autoplay(autoplay) {
    this._state.autoplay = autoplay;
    NativePlayerModule.setAutoplay(this._view.nativeHandle, autoplay);
  }
  get autoplay() {
    return this._state.autoplay;
  }
  set preload(type) {
    this._state.preload = type;
    NativePlayerModule.setPreload(this._view.nativeHandle, type);
  }
  get preload() {
    return this._state.preload;
  }
  get seekable() {
    return this._state.seekable ?? [];
  }
  get buffered() {
    return this._state.buffered ?? [];
  }
  get cast() {
    return this._castAdapter;
  }
  get currentTime() {
    return this._state.currentTime;
  }
  set currentTime(currentTime) {
    if (!this.hasValidSource()) {
      return;
    }
    if (isNaN(currentTime)) {
      return;
    }
    this._state.currentTime = currentTime;
    if (currentTime === Infinity) {
      // Old Architecture does not allow passing Infinite or NaN values over the bridge.
      NativePlayerModule.goLive(this._view.nativeHandle);
    } else {
      NativePlayerModule.setCurrentTime(this._view.nativeHandle, currentTime);
    }
  }
  get currentProgramDateTime() {
    return this._state.currentProgramDateTime;
  }
  get duration() {
    return this._state.duration;
  }
  get pipConfiguration() {
    return this._state.pipConfig;
  }
  set pipConfiguration(pipConfiguration) {
    this._state.pipConfig = pipConfiguration;
    NativePlayerModule.setPipConfig(this._view.nativeHandle, pipConfiguration);
  }
  get backgroundAudioConfiguration() {
    return this._state.backgroundAudioConfig;
  }
  set backgroundAudioConfiguration(backgroundAudioConfiguration) {
    this._state.backgroundAudioConfig = backgroundAudioConfiguration;
    NativePlayerModule.setBackgroundAudioConfig(this._view.nativeHandle, backgroundAudioConfiguration);
  }
  get presentationMode() {
    return this._state.presentationMode;
  }
  set presentationMode(presentationMode) {
    this._state.presentationMode = presentationMode;
    NativePlayerModule.setPresentationMode(this._view.nativeHandle, presentationMode);
  }
  get muted() {
    return this._state.muted;
  }
  set muted(muted) {
    this._state.muted = muted;
    NativePlayerModule.setMuted(this._view.nativeHandle, muted);
  }
  get seeking() {
    return this._state.seeking;
  }
  get paused() {
    return this._state.paused;
  }
  get playbackRate() {
    return this._state.playbackRate;
  }
  set playbackRate(playbackRate) {
    this._state.playbackRate = playbackRate;
    NativePlayerModule.setPlaybackRate(this._view.nativeHandle, playbackRate);
  }
  get audioTracks() {
    return this._state.audioTracks;
  }
  get selectedAudioTrack() {
    return this._state.selectedAudioTrack;
  }
  set selectedAudioTrack(trackUid) {
    if (!this.hasValidSource()) {
      return;
    }
    this._state.selectedAudioTrack = trackUid;
    NativePlayerModule.setSelectedAudioTrack(this._view.nativeHandle, trackUid !== undefined ? trackUid : -1);
  }
  get videoTracks() {
    return this._state.videoTracks;
  }
  get selectedVideoTrack() {
    return this._state.selectedVideoTrack;
  }
  set selectedVideoTrack(trackUid) {
    if (!this.hasValidSource()) {
      return;
    }
    this._state.selectedVideoTrack = trackUid;
    this._state.targetVideoQuality = undefined;
    NativePlayerModule.setSelectedVideoTrack(this._view.nativeHandle, trackUid !== undefined ? trackUid : -1);
  }
  get textTracks() {
    return this._state.textTracks;
  }
  get selectedTextTrack() {
    return this._state.selectedTextTrack;
  }
  set selectedTextTrack(trackUid) {
    this._state.selectedTextTrack = trackUid;

    // Apply native selection
    NativePlayerModule.setSelectedTextTrack(this._view.nativeHandle, trackUid !== undefined ? trackUid : -1);
  }
  get textTrackStyle() {
    return this._textTrackStyleAdapter;
  }
  get source() {
    return this._state.source;
  }
  set source(source) {
    // This is to correctly reset autoplay during a source change.
    this.pause();
    this._state.source = source;
    NativePlayerModule.setSource(this._view.nativeHandle, source);
    // Reset state for play-out of new source
    this._state.apply({
      playbackRate: 1,
      seeking: false,
      audioTracks: [],
      videoTracks: [],
      textTracks: [],
      seekable: [],
      buffered: [],
      selectedTextTrack: undefined,
      selectedVideoTrack: undefined,
      selectedAudioTrack: undefined,
      targetVideoQuality: undefined
    });
  }
  get targetVideoQuality() {
    return this._state.targetVideoQuality;
  }
  set targetVideoQuality(target) {
    if (!this.hasValidSource()) {
      return;
    }
    // Always pass an array for targetVideoQuality.
    this._state.targetVideoQuality = target === undefined ? [] : Array.isArray(target) ? target : [target];

    // Update local state
    const track = (0, _reactNativeTheoplayer.findMediaTrackByUid)(this._state.videoTracks, this.selectedVideoTrack);
    if (track) {
      Object.assign(track, {
        ...track,
        targetQuality: this._state.targetVideoQuality
      });
    }
    NativePlayerModule.setTargetVideoQuality(this._view.nativeHandle, this._state.targetVideoQuality);
  }
  get volume() {
    return this._state.volume;
  }
  set volume(volume) {
    this._state.volume = volume;
    NativePlayerModule.setVolume(this._view.nativeHandle, volume);
  }
  get aspectRatio() {
    return this._state.aspectRatio;
  }
  set aspectRatio(ratio) {
    this._state.aspectRatio = ratio;
    NativePlayerModule.setAspectRatio(this._view.nativeHandle, ratio);
  }
  get renderingTarget() {
    return this._state.renderingTarget;
  }
  set renderingTarget(target) {
    if (_reactNative.Platform.OS === 'android') {
      this._state.renderingTarget = target;
      NativePlayerModule.setRenderingTarget(this._view.nativeHandle, target);
    }
  }
  get keepScreenOn() {
    return this._state.keepScreenOn;
  }
  set keepScreenOn(value) {
    this._state.keepScreenOn = value;
    NativePlayerModule.setKeepScreenOn(this._view.nativeHandle, value);
  }
  pause() {
    if (this.hasValidSource()) {
      this._state.paused = true;
      NativePlayerModule.setPaused(this._view.nativeHandle, true);
    }
  }
  play() {
    if (this.hasValidSource()) {
      this._state.paused = false;
      NativePlayerModule.setPaused(this._view.nativeHandle, false);
    }
  }
  get version() {
    return this._playerVersion;
  }

  // @internal
  get nativeHandle() {
    return this._view.nativeHandle;
  }

  // @internal
  get broadcast() {
    return this._externalEventRouter ?? (this._externalEventRouter = new _EventBroadcastAdapter.EventBroadcastAdapter(this));
  }

  /**
   * initializeFromNativePlayer is called when the native player is ready and has sent the `onNativePlayerReady` event.
   *
   * @param version The native player version.
   * @param state An optional initial player state.
   */
  async initializeFromNativePlayer_(version, state) {
    this._playerVersion = version;
    if (state) {
      this._state.apply(state);
    }
    await this._castAdapter.init_();
  }
  get width() {
    return this._state.width;
  }
  get height() {
    return this._state.height;
  }
  get videoWidth() {
    return this._state.videoWidth;
  }
  get videoHeight() {
    return this._state.videoHeight;
  }
  willUnmount() {
    if (_reactNative.Platform.OS === 'ios') {
      NativePlayerModule.willUnmount(this._view.nativeHandle);
    }
  }
}
exports.THEOplayerAdapter = THEOplayerAdapter;
//# sourceMappingURL=THEOplayerAdapter.js.map