X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fassets%2Fplayer%2Fpeertube-videojs-typings.ts;h=ea39ac44d4f74ec37392f68dd9f6315384349f9d;hb=02b2e482e0bdf16432b1ee34e95a71bbad39a4ff;hp=aad4dbb4faa6c7b7bd3dc3e0226116d1158922cd;hpb=d7a25329f9e607894d29ab342b9cb66638b56dc0;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/assets/player/peertube-videojs-typings.ts b/client/src/assets/player/peertube-videojs-typings.ts index aad4dbb4f..ea39ac44d 100644 --- a/client/src/assets/player/peertube-videojs-typings.ts +++ b/client/src/assets/player/peertube-videojs-typings.ts @@ -1,28 +1,81 @@ -// FIXME: something weird with our path definition in tsconfig and typings -// @ts-ignore -import * as videojs from 'video.js' - -import { PeerTubePlugin } from './peertube-plugin' -import { WebTorrentPlugin } from './webtorrent/webtorrent-plugin' +import { HlsConfig, Level } from 'hls.js' +import videojs from 'video.js' +import { VideoFile, VideoPlaylist, VideoPlaylistElement } from '@shared/models' +import { Html5Hlsjs } from './p2p-media-loader/hls-plugin' import { P2pMediaLoaderPlugin } from './p2p-media-loader/p2p-media-loader-plugin' -import { PlayerMode } from './peertube-player-manager' import { RedundancyUrlManager } from './p2p-media-loader/redundancy-url-manager' -import { VideoFile } from '@shared/models' +import { PlayerMode } from './peertube-player-manager' +import { PeerTubePlugin } from './peertube-plugin' +import { PeerTubeResolutionsPlugin } from './peertube-resolutions-plugin' +import { PlaylistPlugin } from './playlist/playlist-plugin' +import { StatsCardOptions } from './stats/stats-card' +import { StatsForNerdsPlugin } from './stats/stats-plugin' +import { EndCardOptions } from './upnext/end-card' +import { WebTorrentPlugin } from './webtorrent/webtorrent-plugin' + +declare module 'video.js' { + + export interface VideoJsPlayer { + srOptions_: HlsjsConfigHandlerOptions + + theaterEnabled: boolean + + // FIXME: add it to upstream typings + posterImage: { + show (): void + hide (): void + } + + handleTechSeeked_ (): void + + // Plugins -declare namespace videojs { - interface Player { peertube (): PeerTubePlugin + webtorrent (): WebTorrentPlugin + p2pMediaLoader (): P2pMediaLoaderPlugin + + peertubeResolutions (): PeerTubeResolutionsPlugin + + contextmenuUI (options: any): any + + bezels (): void + + stats (options?: StatsCardOptions): StatsForNerdsPlugin + + textTracks (): TextTrackList & { + tracks_: (TextTrack & { id: string, label: string, src: string })[] + } + + dock (options: { title: string, description: string }): void + + upnext (options: Partial): void + + playlist (): PlaylistPlugin } } -interface VideoJSComponentInterface { - _player: videojs.Player +export interface VideoJSTechHLS extends videojs.Tech { + hlsProvider: Html5Hlsjs +} + +export interface HlsjsConfigHandlerOptions { + hlsjsConfig?: HlsConfig + + levelLabelHandler?: (level: Level) => string +} + +type PeerTubeResolution = { + id: number - new (player: videojs.Player, options?: any): any + height?: number + label?: string + width?: number + bitrate?: number - registerComponent (name: string, obj: any): any + selected: boolean + selectCallback: () => void } type VideoJSCaption = { @@ -32,7 +85,7 @@ type VideoJSCaption = { } type UserWatching = { - url: string, + url: string authorizationHeader: string } @@ -49,6 +102,30 @@ type PeerTubePluginOptions = { videoCaptions: VideoJSCaption[] stopTime: number | string + + isLive: boolean + + videoUUID: string +} + +type PlaylistPluginOptions = { + elements: VideoPlaylistElement[] + + playlist: VideoPlaylist + + getCurrentPosition: () => number + + onItemClicked: (element: VideoPlaylistElement) => void +} + +type NextPreviousVideoButtonOptions = { + type: 'next' | 'previous' + handler: () => void + isDisabled: () => boolean +} + +type PeerTubeLinkButtonOptions = { + shortUUID: string } type WebtorrentPluginOptions = { @@ -71,6 +148,8 @@ type P2PMediaLoaderPluginOptions = { } type VideoJSPluginOptions = { + playlist?: PlaylistPluginOptions + peertube: PeerTubePluginOptions webtorrent?: WebtorrentPluginOptions @@ -78,11 +157,8 @@ type VideoJSPluginOptions = { p2pMediaLoader?: P2PMediaLoaderPluginOptions } -// videojs typings don't have some method we need -const videojsUntyped = videojs as any - type LoadedQualityData = { - qualitySwitchCallback: Function, + qualitySwitchCallback: (resolutionId: number, type: 'video') => void qualityData: { video: { id: number @@ -93,7 +169,7 @@ type LoadedQualityData = { } type ResolutionUpdateData = { - auto: boolean, + auto: boolean resolutionId: number id?: number } @@ -103,6 +179,8 @@ type AutoResolutionUpdateData = { } type PlayerNetworkInfo = { + source: 'webtorrent' | 'p2p-media-loader' + http: { downloadSpeed: number uploadSpeed: number @@ -117,19 +195,31 @@ type PlayerNetworkInfo = { uploaded: number numPeers: number } + + // In bytes + bandwidthEstimate: number +} + +type PlaylistItemOptions = { + element: VideoPlaylistElement + + onClicked: () => void } export { PlayerNetworkInfo, + PlaylistItemOptions, + NextPreviousVideoButtonOptions, ResolutionUpdateData, AutoResolutionUpdateData, - VideoJSComponentInterface, - videojsUntyped, + PlaylistPluginOptions, VideoJSCaption, UserWatching, PeerTubePluginOptions, WebtorrentPluginOptions, P2PMediaLoaderPluginOptions, + PeerTubeResolution, VideoJSPluginOptions, - LoadedQualityData + LoadedQualityData, + PeerTubeLinkButtonOptions }