Fix YT shorts

changelog.md

@@ -31,6 +31,7 @@
 - Исправлена ошибка из-за которой при запросе субтитров не учитывался выбранный язык видео
 - Исправлена ошибка из-за которой для определения языка видео на ютубе использовалось локализованное название видео
 - Исправлена ошибка из-за которой субтитры на некоторых сайтах могли иметь неверный размер шрифта
+- Исправлена ошибка из-за которой не отключалась озвучка после перелистывания видео в YT Shorts (#802)
 - Исправлено появление значка загрузки при переводе на "кастомных" сайтах
 - Исправлено появление кнопки в Rumble (#784)
 - Исправлен жирный размер текста в меню и кнопке перевода на некоторых сайтах

dist/vot.user.js

@@ -6821,8 +6821,8 @@ class VideoHandler {
       await this.updateTranslationErrorMsg(
         res.remainingTime > 0
           ? secsToStrTime(res.remainingTime)
-          : res.message ??
-              localizationProvider.get("translationTakeFewMinutes"),
+          : (res.message ??
+              localizationProvider.get("translationTakeFewMinutes")),
       );
     } catch (err) {
       console.error("[VOT] Failed to translate video", err);
@@ -8335,11 +8335,7 @@ class VideoHandler {
       if (this.site.host === "rutube" && this.video.src) {
         return;
       }
-      if ((await getVideoID(this.site, this.video)) === this.videoData.videoId)
-        return;
-      await this.handleSrcChanged();
-      await this.autoTranslate();
-      utils_debug.log("lipsync mode is canplay");
+      await this.setCanPlay();
     });
 
     addExtraEventListener(this.video, "emptied", async () => {
@@ -8358,6 +8354,25 @@ class VideoHandler {
         this.syncVideoVolumeSlider();
       });
     }
+
+    if (this.site.host === "youtube" && !this.site.additionalData) {
+      addExtraEventListener(document, "yt-page-data-updated", async () => {
+        utils_debug.log("yt-page-data-updated");
+        // fix #802
+        if (!window.location.pathname.includes("/shorts/")) {
+          return;
+        }
+        await this.setCanPlay();
+      });
+    }
+  }
+
+  async setCanPlay() {
+    if ((await getVideoID(this.site, this.video)) === this.videoData.videoId)
+      return;
+    await this.handleSrcChanged();
+    await this.autoTranslate();
+    utils_debug.log("lipsync mode is canplay");
   }
 
   logout(n) {
@@ -9096,6 +9111,7 @@ class VideoHandler {
   async handleSrcChanged() {
     utils_debug.log("[VideoHandler] src changed", this);
     this.firstPlay = true;
+    this.stopTranslation();
 
     const hide =
       !this.video.src && !this.video.currentSrc && !this.video.srcObject;

src/index.js

@@ -450,7 +450,7 @@
     }
   }
 
   initUI() {
     // VOT Button
     {
       this.votButton = ui.createVOTButton(
@@ -1691,11 +1691,7 @@
       if (this.site.host === "rutube" && this.video.src) {
         return;
       }
-      if ((await getVideoID(this.site, this.video)) === this.videoData.videoId)
-        return;
-      await this.handleSrcChanged();
-      await this.autoTranslate();
-      debug.log("lipsync mode is canplay");
+      await this.setCanPlay();
     });
 
     addExtraEventListener(this.video, "emptied", async () => {
@@ -1714,6 +1710,25 @@
         this.syncVideoVolumeSlider();
       });
     }
+
+    if (this.site.host === "youtube" && !this.site.additionalData) {
+      addExtraEventListener(document, "yt-page-data-updated", async () => {
+        debug.log("yt-page-data-updated");
+        // fix #802
+        if (!window.location.pathname.includes("/shorts/")) {
+          return;
+        }
+        await this.setCanPlay();
+      });
+    }
+  }
+
+  async setCanPlay() {
+    if ((await getVideoID(this.site, this.video)) === this.videoData.videoId)
+      return;
+    await this.handleSrcChanged();
+    await this.autoTranslate();
+    debug.log("lipsync mode is canplay");
   }
 
   logout(n) {
@@ -2276,7 +2291,7 @@
   }
 
   // Define a function to translate a video and handle the callback
   async translateFunc(
     VIDEO_ID,
     isStream,
     requestLang,
@@ -2452,6 +2467,7 @@
   async handleSrcChanged() {
     debug.log("[VideoHandler] src changed", this);
     this.firstPlay = true;
+    this.stopTranslation();
 
     const hide =
       !this.video.src && !this.video.currentSrc && !this.video.srcObject;