Improve player

Add a settings dialog based on the work of Yanko Shterev (@yshterev):
https://github.com/yshterev/videojs-settings-menu. Thanks!

1 files changed, 33 insertions, 0 deletions

diff --git a/client/src/assets/player/peertube-videojs-typings.ts b/client/src/assets/player/peertube-videojs-typings.ts
new file mode 100644
index 000000000..a58fa6505
--- /dev/null
+++ b/client/src/assets/player/peertube-videojs-typings.ts
@@ -0,0 +1,33 @@
+import * as videojs from 'video.js'
+import { VideoFile } from '../../../../shared/models/videos/video.model'
+import { PeerTubePlugin } from './peertube-videojs-plugin'
+
+declare module 'video.js' {
+  interface Player {
+    peertube (): PeerTubePlugin
+  }
+}
+
+interface VideoJSComponentInterface {
+  _player: videojs.Player
+
+  new (player: videojs.Player, options?: any)
+
+  registerComponent (name: string, obj: any)
+}
+
+type PeertubePluginOptions = {
+  videoFiles: VideoFile[]
+  playerElement: HTMLVideoElement
+  videoViewUrl: string
+  videoDuration: number
+}
+
+// videojs typings don't have some method we need
+const videojsUntyped = videojs as any
+
+export {
+  VideoJSComponentInterface,
+  PeertubePluginOptions,
+  videojsUntyped
+}