Method constructor

src/Timer.ts:243–269

(
    private _media: HTMLMediaElement,
    private _ticker: ITicker = new AnimationFrameTicker()
  )

  private _disposes: IDisposable[] = []

  constructor(
    private _media: HTMLMediaElement,
    private _ticker: ITicker = new AnimationFrameTicker()
  ) {
    this._disposes = [
      addDisposableDomListener(_media, 'error', () => { console.error('error') }),
      addDisposableDomListener(_media, 'waiting', () => { console.log('waiting') }),
      addDisposableDomListener(_media, 'durationchange', () => { console.log('durationchange') }),
      addDisposableDomListener(_media, 'canplay', () => { this._ready = true; this._onReadyCb() }),
      addDisposableDomListener(_media, 'play', () => { this._setState('Running') }),
      addDisposableDomListener(_media, 'pause', () => { this._setState('Paused') }),
      addDisposableDomListener(_media, 'ended', () => {
        this.stop()
        this._onTickCb(this.time)
      }),
      addDisposableDomListener(_media, 'seeking', () => {
        if (this.isRunning()) {
          this._ticker.stop()
        }
      }),
      addDisposableDomListener(_media, 'seeked', () => {
        if (this.isRunning()) {
          this._ticker.start(this._tick.bind(this))
        }
      }),
    ]
  }

  public get ready(): boolean { return this._ready }
  public get progress(): number { return this._media.currentTime / this._media.duration }