Translations

src/setup/locales/en/translation.json

@@ -57,6 +57,8 @@
     "backToHome": "Back to home",
     "backToHomeShort": "Back",
     "seasonAndEpisode": "S{{season}} E{{episode}}",
+    "timeLeft": "{{timeLeft}} left",
+    "finishAt": "Finish at {{timeFinished}}",
     "buttons": {
       "episodes": "Episodes",
       "source": "Source",

src/setup/locales/fr/translation.json

@@ -39,13 +39,16 @@
     "backToHome": "Retour à la page d'accueil",
     "backToHomeShort": "Retour",
     "seasonAndEpisode": "S{{season}} E{{episode}}",
+    "timeLeft": "{{timeLeft}} restant",
+    "finishAt": "Terminer à {{timeFinished}}",
     "buttons": {
       "episodes": "Épisodes",
       "source": "Source",
       "captions": "Sous-titres",
       "download": "Télécharger",
       "settings": "Paramètres",
-      "pictureInPicture": "Image dans l'image"
+      "pictureInPicture": "Image dans l'image",
+      "playbackSpeed": "Vitesse"
     },
     "popouts": {
       "sources": "Sources",

src/video/components/actions/TimeAction.tsx

@@ -1,4 +1,5 @@
 import { useVideoPlayerDescriptor } from "@/video/state/hooks";
+import { useTranslation } from "react-i18next";
 import { useMediaPlaying } from "@/video/state/logic/mediaplaying";
 import { useProgress } from "@/video/state/logic/progress";
 import { useInterface } from "@/video/state/logic/interface";
@@ -39,6 +40,7 @@ export function TimeAction(props: Props) {
   const videoTime = useProgress(descriptor);
   const mediaPlaying = useMediaPlaying(descriptor);
   const { timeFormat, setTimeFormat } = useInterface(descriptor);
+  const { t } = useTranslation();
 
   const hasHours = durationExceedsHour(videoTime.duration);
   const time = formatSeconds(
@@ -80,10 +82,14 @@ export function TimeAction(props: Props) {
             {/* {time} {props.noDuration ? "" : `/ ${duration}`} */}
             {timeFormat === 0
               ? `${time} ${props.noDuration ? "" : `/ ${duration}`}`
-              : `${timeLeft} left${
+              : `${t("videoPlayer.timeLeft", {
+                  timeLeft,
+                })}${
                   videoTime.time === videoTime.duration
                     ? ""
-                    : ` - finish at ${timeFinished}`
+                    : ` - ${t("videoPlayer.finishAt", {
+                        timeFinished,
+                      })}`
                 } `}
           </p>
         </div>