Merge branch 'dev' into subtitle-file-type-control

src/setup/locales/cs/translation.json

@@ -58,7 +58,7 @@
     "backToHomeShort": "Zpět",
     "seasonAndEpisode": "S{{season}} E{{episode}}",
     "timeLeft": "Zbývá {{timeLeft}}",
-    "finishAt": "Končí ve {{timeFinished}}",
+    "finishAt": "Končí ve {{timeFinished, datetime}}",
     "buttons": {
       "episodes": "Epizody",
       "source": "Zdroj",

src/setup/locales/de/translation.json

@@ -58,7 +58,7 @@
     "backToHomeShort": "Rückmeldung",
     "seasonAndEpisode": "S{{season}} E{{episode}}",
     "timeLeft": "{{timeLeft}} bleibt",
-    "finishAt": "Ende um {{timeFinished}}",
+    "finishAt": "Ende um {{timeFinished, datetime}}",
     "buttons": {
       "episodes": "Folgen",
       "source": "Quelle",

src/setup/locales/en/translation.json

@@ -58,7 +58,7 @@
     "backToHomeShort": "Back",
     "seasonAndEpisode": "S{{season}} E{{episode}}",
     "timeLeft": "{{timeLeft}} left",
-    "finishAt": "Finish at {{timeFinished}}",
+    "finishAt": "Finish at {{timeFinished, datetime}}",
     "buttons": {
       "episodes": "Episodes",
       "source": "Source",

src/setup/locales/fr/translation.json

@@ -58,7 +58,7 @@
     "backToHomeShort": "Retour",
     "seasonAndEpisode": "S{{season}} E{{episode}}",
     "timeLeft": "{{timeLeft}} restant",
-    "finishAt": "Terminer à {{timeFinished}}",
+    "finishAt": "Terminer à {{timeFinished, datetime}}",
     "buttons": {
       "episodes": "Épisodes",
       "source": "Source",

src/setup/locales/nl/translation.json

@@ -58,7 +58,7 @@
     "backToHomeShort": "Terug",
     "seasonAndEpisode": "S{{season}} A{{episode}}",
     "timeLeft": "Nog {{timeLeft}}",
-    "finishAt": "Afgelopen om {{timeFinished}}",
+    "finishAt": "Afgelopen om {{timeFinished, datetime}}",
     "buttons": {
       "episodes": "Afleveringen",
       "source": "Bron",

src/setup/locales/zh/translation.json

@@ -58,7 +58,7 @@
     "backToHomeShort": "返回",
     "seasonAndEpisode": "第{{season}}季 第{{episode}}集",
     "timeLeft": "还剩余 {{timeLeft}}",
-    "finishAt": "在 {{timeFinished}} 结束",
+    "finishAt": "在 {{timeFinished, datetime}} 结束",
     "buttons": {
       "episodes": "分集",
       "source": "视频源",

src/video/components/actions/TimeAction.tsx

@@ -55,20 +55,20 @@ export function TimeAction(props: Props) {
     hasHours
   );
   const duration = formatSeconds(videoTime.duration, hasHours);
-  const timeLeft = formatSeconds(
+  const remaining = formatSeconds(
     (videoTime.duration - videoTime.time) / mediaPlaying.playbackSpeed,
     hasHours
   );
   const timeFinished = new Date(
     new Date().getTime() +
-      (videoTime.duration * 1000) / mediaPlaying.playbackSpeed
+      ((videoTime.duration - videoTime.time) * 1000) /
-  ).toLocaleTimeString("en-US", {
+        mediaPlaying.playbackSpeed
-    hour: "numeric",
+  );
-    minute: "numeric",
-    hour12: true,
-  });
   const formattedTimeFinished = ` - ${t("videoPlayer.finishAt", {
     timeFinished,
+    formatParams: {
+      timeFinished: { hour: "numeric", minute: "numeric" },
+    },
   })}`;
 
   let formattedTime: string;
@@ -77,10 +77,10 @@ export function TimeAction(props: Props) {
     formattedTime = `${currentTime} ${props.noDuration ? "" : `/ ${duration}`}`;
   } else if (timeFormat === VideoPlayerTimeFormat.REMAINING && !isMobile) {
     formattedTime = `${t("videoPlayer.timeLeft", {
-      timeLeft,
+      timeLeft: remaining,
     })}${videoTime.time === videoTime.duration ? "" : formattedTimeFinished} `;
   } else if (timeFormat === VideoPlayerTimeFormat.REMAINING && isMobile) {
-    formattedTime = `-${timeLeft}`;
+    formattedTime = `-${remaining}`;
   } else {
     formattedTime = "";
   }