1 import { VideoJSComponentInterface, videojsUntyped } from './peertube-videojs-typings'
2 // FIXME: something weird with our path definition in tsconfig and typings
4 import { Player } from 'video.js'
6 const Component: VideoJSComponentInterface = videojsUntyped.getComponent('Component')
8 class PeerTubeLoadProgressBar extends Component {
10 constructor (player: Player, options: any) {
11 super(player, options)
13 this.on(player, 'progress', this.update)
17 return super.createEl('div', {
18 className: 'vjs-load-progress',
19 innerHTML: `<span class="vjs-control-text"><span>${this.localize('Loaded')}</span>: 0%</span>`
30 const torrent = this.player().peertube().getTorrent()
33 this.el_.style.width = (torrent.progress * 100) + '%'
38 Component.registerComponent('PeerTubeLoadProgressBar', PeerTubeLoadProgressBar)