1 import videojs from 'video.js'
2 import { copyToClipboard } from '@root-helpers/utils'
3 import { buildVideoOrPlaylistEmbed } from '@root-helpers/video'
4 import { isIOS, isSafari } from '@root-helpers/web-browser'
5 import { buildVideoLink, decorateVideoLink, pick } from '@shared/core-utils'
6 import { isDefaultLocale } from '@shared/core-utils/i18n'
7 import { VideoJSPluginOptions } from '../../types'
8 import { CommonOptions, PeertubePlayerManagerOptions, PlayerMode } from '../../types/manager-options'
9 import { ControlBarOptionsBuilder } from './control-bar-options-builder'
10 import { HLSOptionsBuilder } from './hls-options-builder'
11 import { WebTorrentOptionsBuilder } from './webtorrent-options-builder'
13 export class ManagerOptionsBuilder {
16 private mode: PlayerMode,
17 private options: PeertubePlayerManagerOptions,
18 private p2pMediaLoaderModule?: any
23 async getVideojsOptions (alreadyPlayed: boolean): Promise<videojs.PlayerOptions> {
24 const commonOptions = this.options.common
26 let autoplay = this.getAutoPlayValue(commonOptions.autoplay, alreadyPlayed)
28 preloadTextTracks: false
31 const plugins: VideoJSPluginOptions = {
34 autoplay, // Use peertube plugin autoplay because we could get the file by webtorrent
36 ...pick(commonOptions, [
38 'videoViewIntervalMs',
39 'authorizationHeader',
52 ...pick(commonOptions, [
59 if (commonOptions.playlist) {
60 plugins.playlist = commonOptions.playlist
63 if (this.mode === 'p2p-media-loader') {
64 const hlsOptionsBuilder = new HLSOptionsBuilder(this.options, this.p2pMediaLoaderModule)
65 const options = await hlsOptionsBuilder.getPluginOptions()
67 Object.assign(plugins, pick(options, [ 'hlsjs', 'p2pMediaLoader' ]))
68 Object.assign(html5, options.html5)
69 } else if (this.mode === 'webtorrent') {
70 const webtorrentOptionsBuilder = new WebTorrentOptionsBuilder(this.options, this.getAutoPlayValue(autoplay, alreadyPlayed))
72 Object.assign(plugins, webtorrentOptionsBuilder.getPluginOptions())
74 // WebTorrent plugin handles autoplay, because we do some hackish stuff in there
78 const controlBarOptionsBuilder = new ControlBarOptionsBuilder(this.options, this.mode)
80 const videojsOptions = {
83 // We don't use text track settings for now
84 textTrackSettings: false as any, // FIXME: typings
85 controls: commonOptions.controls !== undefined ? commonOptions.controls : true,
86 loop: commonOptions.loop !== undefined ? commonOptions.loop : false,
88 muted: commonOptions.muted !== undefined
90 : undefined, // Undefined so the player knows it has to check the local storage
92 autoplay: this.getAutoPlayValue(autoplay, alreadyPlayed),
94 poster: commonOptions.poster,
95 inactivityTimeout: commonOptions.inactivityTimeout,
96 playbackRates: [ 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2 ],
101 children: controlBarOptionsBuilder.getChildrenOptions() as any // FIXME: typings
105 if (commonOptions.language && !isDefaultLocale(commonOptions.language)) {
106 Object.assign(videojsOptions, { language: commonOptions.language })
109 return videojsOptions
112 private getAutoPlayValue (autoplay: videojs.Autoplay, alreadyPlayed: boolean) {
113 if (autoplay !== true) return autoplay
115 // On first play, disable autoplay to avoid issues
116 // But if the player already played videos, we can safely autoplay next ones
117 if (isIOS() || isSafari()) {
118 return alreadyPlayed ? 'play' : false
121 return this.options.common.forceAutoplay
126 getContextMenuOptions (player: videojs.Player, commonOptions: CommonOptions) {
127 const content = () => {
128 const isLoopEnabled = player.options_['loop']
133 label: player.localize('Play in loop') + (isLoopEnabled ? '<span class="vjs-icon-tick-white"></span>' : ''),
134 listener: function () {
135 player.options_['loop'] = !isLoopEnabled
139 label: player.localize('Copy the video URL'),
140 listener: function () {
141 copyToClipboard(buildVideoLink({ shortUUID: commonOptions.videoShortUUID }))
145 label: player.localize('Copy the video URL at the current time'),
146 listener: function (this: videojs.Player) {
147 const url = buildVideoLink({ shortUUID: commonOptions.videoShortUUID })
149 copyToClipboard(decorateVideoLink({ url, startTime: this.currentTime() }))
154 label: player.localize('Copy embed code'),
156 copyToClipboard(buildVideoOrPlaylistEmbed({ embedUrl: commonOptions.embedUrl, embedTitle: commonOptions.embedTitle }))
161 if (this.mode === 'webtorrent') {
163 label: player.localize('Copy magnet URI'),
164 listener: function (this: videojs.Player) {
165 copyToClipboard(this.webtorrent().getCurrentVideoFile().magnetUri)
172 label: player.localize('Stats for nerds'),
174 player.stats().show()
178 return items.map(i => ({
180 label: `<span class="vjs-icon-${i.icon || 'link-2'}"></span>` + i.label