Reference, from mount to teardown.

import fireplayerPluginAds from 'fireplayer-plugin-ads'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginAds({
      video: '/ads/pre-roll.mp4',
      url: 'https://advertiser.example/campaign',
      playDuration: 5,
      totalDuration: 15,
      muted: false,
      i18n: {
        close: 'Close ad',
        countdown: '%s s',
        detail: 'Learn more',
        canBeClosed: 'Skip in %s s'
      }
    })
  ]
})

fire.on('fireplayerPluginAds:click', ad => console.log(ad))
fire.on('fireplayerPluginAds:skip', ad => console.log(ad))

import fireplayerPluginVast from 'fireplayer-plugin-vast'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginVast(({ fire, playUrl }) => {
      fire.once('play', () => {
        playUrl('https://ads.example/vast.xml')
      })
    })
  ]
})

import Hls from 'hls.js'
import fireplayerPluginHlsControl from 'fireplayer-plugin-hls-control'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/master.m3u8',
  type: 'm3u8',
  setting: true,
  plugins: [
    fireplayerPluginHlsControl({
      quality: { control: true, setting: true, getName: level => `${level.height}P` },
      audio: { control: true, setting: true, getName: track => track.name }
    })
  ],
  customType: {
    m3u8(video, url, fire) {
      if (fire.hls) fire.hls.destroy()
      const hls = new Hls()
      hls.loadSource(url)
      hls.attachMedia(video)
      fire.hls = hls
      fire.once('destroy', () => hls.destroy())
    }
  }
})

import dashjs from 'dashjs'
import fireplayerPluginDashControl from 'fireplayer-plugin-dash-control'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/manifest.mpd',
  type: 'mpd',
  setting: true,
  plugins: [
    fireplayerPluginDashControl({
      quality: { control: true, setting: true, getName: level => `${level.height}P` },
      audio: { control: true, setting: true, getName: track => track.lang?.toUpperCase() }
    })
  ],
  customType: {
    mpd(video, url, fire) {
      if (fire.dash) fire.dash.destroy()
      const dash = dashjs.MediaPlayer().create()
      dash.initialize(video, url, false)
      fire.dash = dash
      fire.once('destroy', () => dash.destroy())
    }
  }
})

import fireplayerPluginChromecast from 'fireplayer-plugin-chromecast'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginChromecast({
      mimeType: 'video/mp4'
    })
  ]
})

import fireplayerPluginMultipleSubtitles from 'fireplayer-plugin-multiple-subtitles'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginMultipleSubtitles({
      subtitles: [
        { name: 'tr', url: '/subtitles/tr.srt', type: 'srt' },
        { name: 'en', url: '/subtitles/en.vtt', type: 'vtt' }
      ]
    })
  ]
})

fire.plugins.multipleSubtitles.tracks(['tr'])
fire.plugins.multipleSubtitles.reset()

import fireplayerPluginAudioTrack from 'fireplayer-plugin-audio-track'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginAudioTrack({
      url: '/audio/turkish.aac',
      offset: 0,
      sync: 0.3
    })
  ]
})

fire.plugins.fireplayerPluginAudioTrack.update({ offset: -0.15 })

import fireplayerPluginChapter from 'fireplayer-plugin-chapter'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginChapter({
      chapters: [
        { start: 0, end: 30, title: 'Intro' },
        { start: 30, end: 120, title: 'Main scene' },
        { start: 120, end: Infinity, title: 'Ending' }
      ]
    })
  ]
})

import fireplayerPluginVttThumbnail from 'fireplayer-plugin-vtt-thumbnail'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginVttThumbnail({
      vtt: '/thumbnails/movie.vtt'
    })
  ]
})

import fireplayerPluginAutoThumbnail from 'fireplayer-plugin-auto-thumbnail'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginAutoThumbnail({
      width: 160,
      number: 80,
      scale: 1
    })
  ]
})

import fireplayerPluginDocumentPip from 'fireplayer-plugin-document-pip'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginDocumentPip({
      width: 480,
      height: 270,
      fallbackToVideoPiP: true,
      placeholder: 'Playing in Picture-in-Picture'
    })
  ]
})

fire.on('document-pip', active => console.log(active))

import fireplayerPluginAmbilight from 'fireplayer-plugin-ambilight'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginAmbilight({
      blur: '50px',
      opacity: 1,
      frequency: 10,
      duration: 0.3
    })
  ]
})

import fireplayerPluginAsr from 'fireplayer-plugin-asr'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/speech.mp4',
  plugins: [
    fireplayerPluginAsr({
      sampleRate: 16000,
      interval: 250,
      async onAudioChunk({ wav }) {
        const response = await fetch('/api/asr', { method: 'POST', body: wav })
        const data = await response.json()
        return data.text
      }
    })
  ]
})

import fireplayerPluginDanmuku from 'fireplayer-plugin-danmuku'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginDanmuku({
      danmuku: '/comments/danmuku.xml',
      speed: 5,
      opacity: 1,
      mode: 0,
      modes: [0, 1, 2],
      antiOverlap: true,
      heatmap: true,
      filter: item => item.text.length <= 200,
      beforeEmit: async item => saveDanmuku(item)
    })
  ]
})

fire.plugins.fireplayerPluginDanmuku.emit({ text: 'Fire Player', time: fire.currentTime })

import fireplayerPluginDanmuku from 'fireplayer-plugin-danmuku'
import fireplayerPluginDanmukuMask from 'fireplayer-plugin-danmuku-mask'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginDanmuku({ danmuku: '/comments/danmuku.xml' }),
    fireplayerPluginDanmukuMask({
      solutionPath: '/vendor/mediapipe/selfie_segmentation',
      smoothSegmentation: true,
      foregroundThreshold: 0.5
    })
  ]
})

import fireplayerPluginJassub from 'fireplayer-plugin-jassub'

const fire = new FirePlayer({
  container: '#player',
  url: '/media/movie.mp4',
  plugins: [
    fireplayerPluginJassub({
      subUrl: '/subtitles/movie.ass',
      workerUrl: '/vendor/jassub/jassub-worker.js',
      wasmUrl: '/vendor/jassub/jassub-worker.wasm',
      modernWasmUrl: '/vendor/jassub/jassub-worker-modern.wasm',
      fallbackFont: 'Arial'
    })
  ]
})