-// FIXME: something weird with our path definition in tsconfig and typings
-// @ts-ignore
-import * as videojs from 'video.js'
-import { P2PMediaLoaderPluginOptions, PlayerNetworkInfo, VideoJSComponentInterface } from '../peertube-videojs-typings'
+import videojs from 'video.js'
+import { P2PMediaLoaderPluginOptions, PlayerNetworkInfo } from '../peertube-videojs-typings'
import { Engine, initHlsJsPlayer, initVideoJsContribHlsJsPlayer } from 'p2p-media-loader-hlsjs'
import { Events, Segment } from 'p2p-media-loader-core'
import { timeToInt } from '../utils'
+import { registerConfigPlugin, registerSourceHandler } from './hls-plugin'
+import * as Hlsjs from 'hls.js/dist/hls.light.js'
-// videojs-hlsjs-plugin needs videojs in window
-window['videojs'] = videojs
-require('@streamroot/videojs-hlsjs-plugin')
+registerConfigPlugin(videojs)
+registerSourceHandler(videojs)
-const Plugin: VideoJSComponentInterface = videojs.getPlugin('plugin')
+const Plugin = videojs.getPlugin('plugin')
class P2pMediaLoaderPlugin extends Plugin {
private readonly CONSTANTS = {
}
private readonly options: P2PMediaLoaderPluginOptions
- private hlsjs: any // Don't type hlsjs to not bundle the module
+ private hlsjs: Hlsjs
private p2pEngine: Engine
private statsP2PBytes = {
pendingDownload: [] as number[],
private networkInfoInterval: any
- constructor (player: videojs.Player, options: P2PMediaLoaderPluginOptions) {
- super(player, options)
+ constructor (player: videojs.Player, options?: P2PMediaLoaderPluginOptions) {
+ super(player)
this.options = options
- if (!videojs.Html5Hlsjs) {
+ // FIXME: typings https://github.com/Microsoft/TypeScript/issues/14080
+ if (!(videojs as any).Html5Hlsjs) {
const message = 'HLS.js does not seem to be supported.'
console.warn(message)
return
}
- videojs.Html5Hlsjs.addHook('beforeinitialize', (videojsPlayer: any, hlsjs: any) => {
+ // FIXME: typings https://github.com/Microsoft/TypeScript/issues/14080
+ (videojs as any).Html5Hlsjs.addHook('beforeinitialize', (videojsPlayer: any, hlsjs: any) => {
this.hlsjs = hlsjs
})
clearInterval(this.networkInfoInterval)
}
+ getHLSJS () {
+ return this.hlsjs
+ }
+
private initialize () {
initHlsJsPlayer(this.hlsjs)
- const tech = this.player.tech_
- this.p2pEngine = tech.options_.hlsjsConfig.loader.getEngine()
+ // FIXME: typings
+ const options = this.player.tech(true).options_ as any
+ this.p2pEngine = options.hlsjsConfig.loader.getEngine()
- // Avoid using constants to not import hls.hs
- // https://github.com/video-dev/hls.js/blob/master/src/events.js#L37
- this.hlsjs.on('hlsLevelSwitching', (_: any, data: any) => {
+ this.hlsjs.on(Hlsjs.Events.LEVEL_SWITCHING, (_: any, data: any) => {
this.trigger('resolutionChange', { auto: this.hlsjs.autoLevelEnabled, resolutionId: data.height })
})