'use strict'

const vjs = window.videojs('player', {}, () => {
  vjs.hotkeys({
    seekStep: 10,
    enableVolumeScroll: false,
    alwaysCaptureHotkeys: true,
    enableInactiveFocus: true,
    enableFullscreen: false
  })
  pgsPlugin = vjs.hdmvpgs()
})

let playlist = [{
  sources: [{
    src: 'episode.mp4',
    type: 'video/mp4'
  }, {
    src: 'episode.ja.aac',
    type: 'audio/aac',
    language: 'ja'
  }]
  // poster: thumbnails[i]]
}]

vjs.audioTracks().addEventListener('change', function () {
  console.log('vvvvvvv')
  let tracks = vjs.audioTracks()
  for (let i = 0; i < tracks.length; i++) {
    let track = tracks[i]
    if (track.enabled) {
      console.log(track.label)
    }
  }
})

let audioTracks = vjs.audioTracks()
audioTracks.addTrack(new videojs.AudioTrack({
  id: 'english',
  kind: 'main',
  label: 'English',
  language: 'en',
  enabled: true
}))
audioTracks.addTrack(new videojs.AudioTrack({
  id: 'japanese',
  kind: 'main',
  label: 'Japanese',
  language: 'ja',
  enabled: false
}))
console.log(vjs.audioTracks())

vjs.playlist(playlist, 0)
vjs.playlist.autoadvance(0)

let pgsPlugin
let overrideTime = 0

vjs.on('playlistitem', (e, data) => {
  console.log(data)
  let subfile = data.sources[0].src.replace('.mp4', '.sup')

  pgsPlugin.loadSubtitle(file2, 'English (Forced)', 'en', false)
  pgsPlugin.loadSubtitle(file, 'English', 'en', true)

  let index = vjs.playlist.currentItem()

  if (overrideTime) {
    vjs.currentTime(overrideTime)
  }

  // document.location.hash = '#' + (vjs.playlist.currentItem() + 1) + (vjs.currentTime() > 0 ? ':' + vjs.currentTime() : '')

  // resize()
})

vjs.on('play', () => {
  if (overrideTime) {
    vjs.currentTime(overrideTime)
    overrideTime = 0
  }
})