import 'videojs-hotkeys'
import 'videojs-dock'
-import 'videojs-contextmenu'
import 'videojs-contextmenu-ui'
import './peertube-link-button'
import './resolution-menu-button'
poster: options.poster,
autoplay: false,
inactivityTimeout: options.inactivityTimeout,
- playbackRates: [ 0.5, 1, 1.5, 2 ],
+ playbackRates: [ 0.5, 0.75, 1, 1.25, 1.5, 2 ],
plugins: {
peertube: {
autoplay: options.autoplay, // Use peertube plugin autoplay because we get the file by webtorrent
Object.assign(videojsOptions.plugins, {
hotkeys: {
enableVolumeScroll: false,
- enableModifiersForNumbers: false
+ enableModifiersForNumbers: false,
+ customKeys: {
+ increasePlaybackRateKey: {
+ key: function (event) {
+ return event.key === '>'
+ },
+ handler: function (player) {
+ player.playbackRate((player.playbackRate() + 0.1).toFixed(2))
+ }
+ },
+ decreasePlaybackRateKey: {
+ key: function (event) {
+ return event.key === '<'
+ },
+ handler: function (player) {
+ player.playbackRate((player.playbackRate() - 0.1).toFixed(2))
+ }
+ }
+ }
}
})
}
// It is the default locale, nothing to translate
if (!path) return Promise.resolve(undefined)
- const completeLocale = getCompleteLocale(locale)
+ let p: Promise<any>
+
+ if (loadLocaleInVideoJS.cache[path]) {
+ p = Promise.resolve(loadLocaleInVideoJS.cache[path])
+ } else {
+ p = fetch(path + '/player.json')
+ .then(res => res.json())
+ .then(json => {
+ loadLocaleInVideoJS.cache[path] = json
+ return json
+ })
+ }
- return fetch(path + '/player.json')
- .then(res => res.json())
- .then(json => videojs.addLanguage(getShortLocale(completeLocale), json))
+ const completeLocale = getCompleteLocale(locale)
+ return p.then(json => videojs.addLanguage(getShortLocale(completeLocale), json))
+}
+namespace loadLocaleInVideoJS {
+ export const cache: { [ path: string ]: any } = {}
}
function getServerTranslations (serverUrl: string, locale: string) {