Cache player translations

diff --git a/client/src/assets/player/peertube-player.ts b/client/src/assets/player/peertube-player.ts
index 0b9303a730505ddc08a88da4563c5dbc132bac9e..7e53d2142f9fb639c7148d821745b461ec1a86f4 100644 (file)
--- a/client/src/assets/player/peertube-player.ts
+++ b/client/src/assets/player/peertube-player.ts
@@ -184,11 +184,24 @@ function loadLocaleInVideoJS (serverUrl: string, videojs: any, locale: string) {
   // 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) {