import Moedan from 'moedan'
import './moedan/dist/Moedan.css'

const danmakuDada = [
  {
    content: '666',
    time: 1.22
  },
  {
    content: 'did a good job',
    time: 8.90
  }
]
const player = document.querySelector('video.myvoideo')
const Danmaku = new Moedan({
  data: danmakuData,
  container: document.querySelector('.danmaku_container'),
  player
})

player.addEventListener('play', () => {
  Danmaku.play()
})

[
  {
    content: '666',
    time: 1.22
  },
  {
    content: 'did a good job',
    time: 8.90
  }
]

Danmaku.clear()

Player.addEventListener('pause', () => Danmaku.play())

Player.addEventListener('play', () => Danmaku.play())

Player.addEventListener('ended', () => Danmaku.reload())

// when update video's currentTime
Danmaku.seek()