mirror of
https://github.com/m1k1o/neko.git
synced 2024-07-24 14:40:50 +12:00
30 lines
813 B
TypeScript
30 lines
813 B
TypeScript
import Vue from 'vue'
|
|
import { Video } from '~/types/state'
|
|
|
|
export function register(el: HTMLVideoElement, state: Video) {
|
|
el.addEventListener('canplaythrough', () => {
|
|
Vue.set(state, 'playable', true)
|
|
})
|
|
el.addEventListener('playing', () => {
|
|
Vue.set(state, 'playing', true)
|
|
})
|
|
el.addEventListener('pause', () => {
|
|
Vue.set(state, 'playing', false)
|
|
})
|
|
el.addEventListener('emptied', () => {
|
|
Vue.set(state, 'playable', false)
|
|
Vue.set(state, 'playing', false)
|
|
})
|
|
el.addEventListener('error', () => {
|
|
Vue.set(state, 'playable', false)
|
|
Vue.set(state, 'playing', false)
|
|
})
|
|
el.addEventListener('volumechange', (value) => {
|
|
Vue.set(state, 'volume', el.volume)
|
|
})
|
|
|
|
// Initial state
|
|
Vue.set(state, 'volume', el.volume)
|
|
Vue.set(state, 'playing', !el.paused)
|
|
}
|