@gcorevideo/player 2.30.2 → 2.30.3

package/src/plugins/vast-ads/rollmanager.ts

@@ -1,447 +0,0 @@
-import {
-  $,
-  Browser,
-  Container,
-  ContainerPlugin,
-  Core,
-  Events,
-  HTML5Video,
-  Log,
-  Playback,
-  UIContainerPlugin,
-  Utils,
-} from '@clappr/core'
-import { reportError } from '@gcorevideo/utils'
-import assert from 'assert'
-
-import LoaderXML from './loaderxml.js'
-import Roll from './roll.js'
-import { ZeptoResult } from '../../types.js'
-import { AdRollDesc, AdRollItem, AdRollType, VastAdsOptions } from './types.js'
-
-type CoreOptions = Record<string, unknown>
-
-type ExtensionData = Record<string, unknown>
-
-export default class RollManager extends Events {
-  private _allURLRequest = false
-
-  private _container: Container
-  private container: Container
-
-  private _options: CoreOptions
-
-  private vastAdsOptions: VastAdsOptions
-
-  private _playback: Playback
-
-  private _contentElement: HTMLMediaElement
-
-  private _posterPlugin: UIContainerPlugin
-
-  private _clickToPausePlugin: ContainerPlugin
-
-  private adTemplates: AdRollItem[] | null = null
-
-  // private _adDisplayContainer: HTMLElement | null = null;
-
-  private extension: ExtensionData | null = null
-
-  private firstRemaininTime = 0
-
-  private _imaContainer: HTMLElement | null = null
-
-  private isPlaying = false
-
-  private loadXML: LoaderXML | null = null
-
-  private _pr: number
-
-  private roll: Roll | null = null
-
-  constructor(
-    private core: Core,
-    private options: CoreOptions,
-    private $skipAd: ZeptoResult,
-    private $muteIcon: ZeptoResult,
-    private $areaClick: ZeptoResult,
-    private _adContainer: HTMLElement,
-    private type: AdRollType,
-    private countRoll: number,
-    private volume: number,
-    private prevVolume: number,
-  ) {
-    super()
-    this._options = options
-    this.vastAdsOptions = this._options.vastAds as any
-    this.container = this.core.activeContainer
-    this._container = this.container
-    // this.countRoll = countRoll || 0;
-    this.$skipAd = $skipAd
-    this.type = type
-    this.$muteIcon = $muteIcon
-    this.$areaClick = $areaClick
-    this._playback = this.core.activePlayback
-    this._contentElement = this._playback.el as HTMLMediaElement
-    this._posterPlugin = this._container.getPlugin('poster')
-    this._clickToPausePlugin = this._container.getPlugin('click_to_pause')
-    this._adContainer = _adContainer
-    this._events = {}
-    this._pr = Math.floor(Math.random() * 1000000)
-  }
-
-  private initializeRoll({
-    xml,
-    url,
-    extension,
-  }: {
-    xml: any
-    url: string
-    extension: any
-  }) {
-    try {
-      this.roll = new Roll({
-        core: this.core,
-        $skipAd: this.$skipAd,
-        $muteIcon: this.$muteIcon,
-        $areaClick: this.$areaClick,
-        mute: !!this.options.mute,
-        volume: this.volume,
-        prevVolume: this.prevVolume,
-      })
-      // @ts-ignore
-      this.roll.on('volume', this.changeVolume.bind(this))
-      // @ts-ignore
-      this.roll.on('advertisement_started', this.onAdStarted.bind(this))
-      // @ts-ignore
-      this.roll.on('advertisement_played', this.onAdPlayed.bind(this))
-      // @ts-ignore
-      this.roll.on('continue_ad', this._cleverContinueAd.bind(this))
-      // @ts-ignore
-      this.roll.on('advertisement_finish', this._playVideoContent.bind(this))
-
-      this.roll._requestAd({ xml, url, extension })
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-  }
-
-  playerResize(_: { width: number; height: number }) {
-    if (this.roll) {
-      this.roll.playerResize()
-    }
-  }
-
-  private onAdStarted(_: { url: string }) {
-    this.removeContainer()
-  }
-
-  onAdPlayed() {
-    this.isPlaying = true
-  }
-
-  private removeContainer() {
-    this.trigger('advertisement_started')
-  }
-
-  private changeVolume(obj: { volume: number; mute: boolean }) {
-    this.trigger('volume', obj)
-  }
-
-  // private _createAdDisplayContainer() {
-  //   this._createImaContainer();
-  //   assert('google' in window, 'google not found');
-  //   this._adDisplayContainer = new (window.google as any).ima.AdDisplayContainer(this._imaContainer, this._contentElement);
-  // }
-
-  _createImaContainer() {
-    this._destroyImaContainer()
-    // IMA does not clean ad container when finished
-    // For the sake of simplicity, wrap into a <div> element
-    if (this._adContainer) {
-      this._imaContainer = document.createElement('div')
-      this._adContainer.appendChild(this._imaContainer)
-    }
-  }
-
-  _destroyImaContainer() {
-    if (this._imaContainer && this._adContainer) {
-      this._adContainer.removeChild(this._imaContainer)
-      this._imaContainer = null
-    }
-  }
-
-  async setupRoll() {
-    // TODO: check if this is correct
-    const dataAd = this.vastAdsOptions[this.type] || { data: [] }
-    const { oneByOne = false } = dataAd
-    let rollList = dataAd.data
-
-    if (this.type === 'middleroll') {
-      const currentStartTime = dataAd.data[this.countRoll].startTimePercent
-
-      rollList = dataAd.data.filter((el) => {
-        if (el.startTimePercent === currentStartTime) {
-          return true
-        }
-      })
-    }
-    if (this.type === 'repeatableroll') {
-      const currentStartTime = dataAd.data[this.countRoll].startTime
-
-      rollList = dataAd.data.filter((el) => {
-        if (el.startTime === currentStartTime) {
-          return true
-        }
-      })
-    }
-
-    if (this.type === 'middleroll' || this.type === 'repeatableroll') {
-      this.trigger('change_counter', {
-        type: this.type,
-        value: this.countRoll + rollList.length,
-      })
-    }
-    await this.startAd(this.type, { data: rollList, oneByOne })
-  }
-
-  async startAd(type: AdRollType, roll: AdRollDesc) {
-    // TODO
-    // Player.player.trigger('advertisementWasStarted');
-    this.core.trigger('core:advertisement:start')
-    this.container.trigger('container:advertisement:start')
-    ;(this.container as any).advertisement = { type: type }
-    if (type !== 'middleroll' && type !== 'repeatableroll') {
-      console.warn('disableControls')
-      setTimeout(() => this._disableControls(), 0)
-    }
-
-    if (!this.adTemplates && roll) {
-      this.adTemplates = this.parseAdUrl(roll.data)
-      if (!this.adTemplates) {
-        this.trigger('disable_plugin', { type: this.type })
-
-        return
-      }
-    }
-    if (type === 'preroll') {
-      if (Browser.isMobile) {
-        this._playback.consent(() => {})
-      }
-    }
-    //чтобы реклама шла одна за другой
-    this._allURLRequest = !!roll.oneByOne
-    try {
-      const customPosterPlugin = this.container.getPlugin('poster')
-
-      customPosterPlugin.hidePlayButton()
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-
-    if (!this.adTemplates?.length) {
-      this.trigger('advertisement_dont_play', { type: this.type })
-
-      return
-    }
-    Log.debug('Advertisement', 'advertisement will start')
-    try {
-      const adTemplate = this.adTemplates.shift()
-      // @ts-ignore
-      await this.loadAd(adTemplate.url)
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-  }
-
-  _disableControls() {
-    this.container.disableMediaControl()
-    this._clickToPausePlugin?.disable()
-    // @ts-ignore
-    this._posterPlugin?.$playWrapper.hide()
-  }
-
-  private parseAdUrl(arr: any): AdRollItem[] | null {
-    if (!Array.isArray(arr)) {
-      return null
-    }
-
-    return arr.filter((el) => el.url)
-  }
-
-  paramsUrl(url: string): string {
-    try {
-      url = url.replace(/\{width\}/g, this.container.$el.width())
-      url = url.replace(/\{height\}/g, this.container.$el.height())
-      url = url.replace(/\{pr\}/g, String(this._pr))
-      url = url.replace(
-        /\{random\}/g,
-        String(Math.floor(Math.random() * 1000000)),
-      )
-      url = url.replace(/\{session_id\}/g, Utils.uniqueId(''))
-      url = url.replace(/\{start_delay\}/g, '0')
-
-      if (this.options.referer) {
-        url = url.replace(
-          new RegExp(/\{referer\}/g, 'g'),
-          String(this.options.referer ?? ''),
-        )
-      }
-
-      let playback = 1
-
-      if (this.options.autoPlay && this.options.mute) {
-        playback = 2
-      }
-
-      if (!this.options.autoPlay) {
-        playback = 3
-      }
-
-      url = url.replace(/\{playback\}/g, String(playback))
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-
-    return url
-  }
-
-  async loadAd(url: string) {
-    if (!url) {
-      return
-    }
-    try {
-      if (
-        !['middleroll', 'repeatableroll'].includes(
-          (this.container as any).advertisement.type,
-        )
-      ) {
-        const spinnerPlugin = this.container.getPlugin('spinner')
-
-        spinnerPlugin?.show()
-      }
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-    url = this.paramsUrl(url)
-
-    Roll._adContainer = this._adContainer
-    Roll._contentElement = this._contentElement
-    Roll.createAdDisplayContainer()
-    this.loadXML = new LoaderXML(url)
-    let data: ExtensionData
-
-    try {
-      data = await this.loadXML.startLoad()
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-      if (this.adTemplates && this.adTemplates.length > 0) {
-        const adTemplate = this.adTemplates.shift()
-        // @ts-ignore
-        await this.loadAd(adTemplate.url)
-      } else {
-        const spinnerPlugin = this.container.getPlugin('spinner')
-
-        spinnerPlugin?.hide()
-        this.trigger('advertisement_dont_play', { type: this.type })
-      }
-
-      return
-    }
-    try {
-      this.firstRemaininTime = 0
-      this.$muteIcon.hide()
-      this.$skipAd.hide()
-
-      // this.volume = this._playback.volume;
-      assert(this._playback instanceof HTML5Video)
-      this.volume = (this._playback.el as HTMLMediaElement).volume
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-    this.extension = data
-    this.initializeRoll({
-      xml: data.config,
-      url: String(data.url || url),
-      extension: data,
-    })
-  }
-
-  _onAdError(adErrorEvent: any) {
-    try {
-      const googleError = adErrorEvent.getError()
-      const error = new Error(
-        googleError.getMessage() + ' ' + googleError.getErrorCode(),
-      )
-
-      error.name = googleError.getType()
-      // LogManager.exception(error);
-      reportError(error)
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-    }
-    Log.debug('Advertisement', 'advertisement error')
-
-    this._cleverContinueAd(true)
-  }
-
-  _imaEvent(eventName: string, e: any) {
-    $.isFunction((this._events as any)[eventName]) &&
-      (this._events as any)[eventName](e)
-  }
-
-  /**
-   * определяет, что дальше будет запускаться реклама или контент
-   *
-   */
-  async _cleverContinueAd(data: any) {
-    this.destroyRoll()
-    const error = data.error
-
-    if (
-      (this._allURLRequest || error) &&
-      this.adTemplates &&
-      this.adTemplates.length > 0
-    ) {
-      const adTemplate = this.adTemplates.shift()
-      // @ts-ignore
-      await this.loadAd(adTemplate.url)
-
-      return
-    }
-    this._playVideoContent()
-  }
-
-  _playVideoContent() {
-    this.destroyRoll()
-    Roll.destroyImaContainer()
-
-    const spinnerPlugin = this.container.getPlugin('spinner')
-
-    spinnerPlugin?.hide()
-
-    if (this.isPlaying) {
-      this.trigger('advertisement_finish', { type: this.type })
-    } else {
-      this.trigger('advertisement_dont_play', { type: this.type })
-    }
-  }
-
-  destroyRoll() {
-    if (!this.roll) {
-      return
-    }
-    // @ts-ignore
-    this.roll.off()
-    this.roll.destroy()
-    this.roll = null
-  }
-}

package/src/plugins/vast-ads/sctemanager.ts

@@ -1,152 +0,0 @@
-import { Events, Playback } from '@clappr/core'
-import { Events as HlsEvents, FragChangedData } from 'hls.js'
-
-const OUT = 'out',
-  IN = 'in',
-  OUT_CONT = 'out_cont'
-
-type CueResult = { kind?: 'in' | 'out' | 'out_cont'; duration?: number }
-
-export default class SCTEManager extends Events {
-  private _playback: Playback | null = null
-
-  private _scteIsStarted = false
-
-  set playback(value: Playback) {
-    if (this._playback) {
-      //удалить все подписанные евенты
-      // @ts-ignore
-      if (this._playback._hls) {
-        // @ts-ignore
-        this._playback._hls.off(
-          HlsEvents.FRAG_CHANGED,
-          this._onHlsFragChanged.bind(this),
-        )
-      }
-
-      this._playback.off(
-        Events.PLAYBACK_PLAY_INTENT,
-        this._subscribedHlsEvents,
-        this,
-      )
-    }
-    this._playback = value
-    // @ts-ignore
-    if (!this._playback._hls) {
-      this._playback.once(
-        Events.PLAYBACK_PLAY_INTENT,
-        this._subscribedHlsEvents,
-        this,
-      )
-    } else {
-      this._subscribedHlsEvents()
-    }
-  }
-
-  get playback(): Playback | null {
-    return this._playback
-  }
-
-  _subscribedHlsEvents() {
-    // @ts-ignore
-    if (this._playback._hls) {
-      // @ts-ignore
-      this._playback._hls.off(
-        HlsEvents.FRAG_CHANGED,
-        this._onHlsFragChanged.bind(this),
-      )
-      // @ts-ignore
-      this._playback._hls.on(
-        HlsEvents.FRAG_CHANGED,
-        this._onHlsFragChanged.bind(this),
-      )
-    }
-  }
-
-  _onHlsFragChanged(_: HlsEvents.FRAG_CHANGED, data: FragChangedData) {
-    const { tagList } = data.frag
-
-    if (tagList) {
-      const cue = this._getCue(tagList)
-
-      if (Object.keys(cue).length > 0) {
-        if (!this._scteIsStarted) {
-          if (cue.kind === OUT || cue.kind === OUT_CONT) {
-            this._scteIsStarted = true
-            console.warn('scteroll will be started')
-            this.trigger('startSCTERoll', {
-              duration: cue.duration,
-            })
-          }
-        } else {
-          if (cue.kind === IN) {
-            console.warn('scteroll will be stopped')
-            this._stopScte()
-          }
-        }
-      } else {
-        this._stopScte()
-      }
-    }
-  }
-
-  _stopScte() {
-    if (this._scteIsStarted) {
-      this.trigger('stopSCTERoll')
-      this._scteIsStarted = false
-    }
-  }
-
-  _getCue(tagList: string[][]): CueResult {
-    let cueResult: CueResult = {
-      kind: undefined,
-      duration: undefined,
-    }
-
-    for (let i = 0; i < tagList.length; i++) {
-      const infoSegment = tagList[i]
-      let kind: 'in' | 'out' | 'out_cont' | undefined
-      let duration: number | undefined
-
-      infoSegment.forEach((info) => {
-        if (kind) {
-          if (kind === OUT) {
-            const dur = parseInt(info)
-
-            !isNaN(dur) && (duration = dur)
-          }
-          if (kind === OUT_CONT) {
-            const durString = info.match(/Duration=\d+/g)
-
-            if (durString) {
-              const durNumb = durString[0].match(/\d+/g)
-
-              if (durNumb) {
-                duration = parseInt(durNumb[0])
-              }
-            }
-          }
-        } else {
-          switch (info) {
-            case 'EXT-X-CUE-OUT':
-              kind = OUT
-              break
-            case 'EXT-X-CUE-OUT-CONT':
-              kind = OUT_CONT
-              break
-            case 'EXT-X-CUE-IN':
-              kind = IN
-              break
-          }
-        }
-      })
-      kind &&
-        (cueResult = {
-          kind,
-          duration,
-        })
-    }
-
-    return cueResult
-  }
-}

package/src/plugins/vast-ads/types.ts

@@ -1,20 +0,0 @@
-export type AdRollType =
-  | 'preroll'
-  | 'middleroll'
-  | 'repeatableroll'
-  | 'pauseroll'
-  | 'postroll'
-  | 'scteroll'
-
-export type AdRollItem = {
-  startTime: number
-  startTimePercent: number
-  tag: string
-}
-
-export type AdRollDesc = {
-  data: AdRollItem[]
-  oneByOne?: boolean
-}
-
-export type VastAdsOptions = Partial<Record<AdRollType, AdRollDesc>>

package/src/plugins/vast-ads/urlhandler.ts

@@ -1,42 +0,0 @@
-import assert from 'assert'
-import XHRURLHandler from './xmlhttprequest.js'
-
-// eslint-disable-next-line max-len
-const ERROR_MESSAGE =
-  'Current context is not supported by any of the default URLHandlers. Please provide a custom URLHandler'
-
-export default class URLHandler {
-  static get(
-    url: string,
-    options: any,
-    cb?: (err: any | null, response?: any) => void,
-  ) {
-    // Allow skip of the options param
-    if (!cb) {
-      if (typeof options === 'function') {
-        cb = options
-      }
-      options = {}
-    }
-
-    assert(cb, 'URLHandler.get: callback is required')
-    if (options.response) {
-      // Trick: the VAST response XML document is passed as an option
-      const { response } = options
-
-      delete options.response
-
-      return cb(null, response)
-    }
-
-    if (options.urlhandler?.supported()) {
-      // explicitly supply your own URLHandler object
-      return options.urlhandler.get(url, options, cb)
-    }
-    if (XHRURLHandler.supported()) {
-      return XHRURLHandler.get(url, options, cb)
-    }
-
-    return cb(new Error(ERROR_MESSAGE))
-  }
-}

package/src/plugins/vast-ads/xmlhttprequest.ts

@@ -1,49 +0,0 @@
-import { reportError } from '@gcorevideo/utils'
-import assert from 'assert'
-
-export default class XHRURLHandler {
-  static xhrCreate(): XMLHttpRequest | false {
-    const xhr = new window.XMLHttpRequest()
-
-    if ('withCredentials' in xhr) {
-      // check CORS support
-      return xhr
-    }
-
-    return false
-  }
-
-  static supported() {
-    return !!this.xhrCreate()
-  }
-
-  static get(
-    url: string,
-    options: any,
-    cb: (err: Error | null, response?: any) => void,
-  ) {
-    try {
-      const xhr = this.xhrCreate()
-      assert(xhr, 'XHRURLHandler: XMLHttpRequest is not supported')
-
-      xhr.open('GET', url)
-      xhr.timeout = options.timeout || 0
-      xhr.withCredentials = options.withCredentials || false
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState === 4) {
-          if (xhr.status === 200) {
-            return cb(null, xhr.response)
-          } else {
-            return cb(new Error(`XHRURLHandler: ${xhr.statusText}`))
-          }
-        }
-      }
-
-      return xhr.send()
-    } catch (error) {
-      // LogManager.exception(error);
-      reportError(error)
-      return cb(new Error('XHRURLHandler: Unexpected error'))
-    }
-  }
-}