Feature: Silence skip

src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js

@@ -191,6 +191,8 @@ export default defineComponent({
     let startInFullscreen = props.startInFullscreen
     let startInPip = props.startInPip
 
+    const isSilenceSkipEnabled = ref(false)
+
     /**
      * @type {{
      *   url: string,
@@ -2998,14 +3000,97 @@ export default defineComponent({
       return uiState
     }
 
+    /**
+     * Toggles and manages the silence skip functionality for the video player.
+     *
+     * When silence skip is enabled, the function analyzes the audio stream of the
+     * video to detect silent segments. If a silent segment is detected, the video
+     * playback speed is increased to skip over the silence.
+     *
+     * The function uses the Web Audio API to create an AudioContext and connect it
+     * to the video element's audio source. An AnalyserNode is used to obtain the
+     * time-domain data of the audio signal, which is then processed to calculate
+     * the maximum and average volume levels. Silence is determined by comparing
+     * these levels, and if the conditions for silence are met, the player's
+     * trickPlay method is invoked to increase the playback speed.
+     *
+     * If silence skip is disabled, the playback speed is reset to normal.
+     *
+     * The function initiates a loop using requestAnimationFrame to continuously
+     * analyze the audio stream as long as the player exists and silence skip is
+     * enabled.
+     */
+    function skipSilence() {
+      if (!isSilenceSkipEnabled.value) {
+        showValueChange(t('SilenceSkip.Enable Silence Skip'))
+        isSilenceSkipEnabled.value = true
+      } else {
+        showValueChange(t('SilenceSkip.Disable Silence Skip'))
+        isSilenceSkipEnabled.value = false
+      }
+
+      const video_ = video.value
+
+      if (video_ && player) {
+        const audioContext = video_.audioContext ?? new AudioContext()
+        let source = video_.audioSource
+        if (!source) {
+          source = audioContext.createMediaElementSource(video_)
+          video_.audioSource = source
+        }
+        if (!video_.audioContext) {
+          video_.audioContext = audioContext
+        }
+        const analyser = audioContext.createAnalyser()
+        source.disconnect()
+        source.connect(analyser)
+        analyser.disconnect()
+        analyser.connect(audioContext.destination)
+        analyser.fftSize = 2048
+        const bufferLength = analyser.frequencyBinCount
+        const amplitudeArray = new Uint8Array(bufferLength)
+        let loopId = 0
+        const loop = () => {
+          if (!player) {
+            cancelAnimationFrame(loopId)
+            return
+          }
+
+          analyser.getByteTimeDomainData(amplitudeArray)
+          const volumeValues = Array.from(amplitudeArray)
+          const filteredVolumes = volumeValues.map(volume => volume - 128).filter(volume => volume !== 0).map(volume => Math.abs(volume))
+          const maxVolume = filteredVolumes.length ? Math.max(...filteredVolumes) : 0
+          const averageVolume = filteredVolumes.length ? filteredVolumes.reduce((a, b) => a + b, 0) / filteredVolumes.length : 0
+
+          if (isSilenceSkipEnabled.value) {
+            const silencePercentage = !isNaN(maxVolume) && !isNaN(averageVolume) ? (averageVolume / maxVolume) * 4 : 0
+
+            if (maxVolume <= averageVolume || maxVolume <= silencePercentage) {
+              player.trickPlay(2.5)
+            } else {
+              player.cancelTrickPlay()
+            }
+          } else {
+            player.cancelTrickPlay()
+            return
+          }
+
+          loopId = requestAnimationFrame(loop)
+        }
+
+        loop()
+      }
+    }
+
     expose({
       hasLoaded,
 
       isPaused,
       pause,
       getCurrentTime,
       setCurrentTime,
-      destroyPlayer
+      destroyPlayer,
+      skipSilence
     })
 
     // #endregion functions used by the watch page

src/renderer/components/watch-video-info/watch-video-info.js

@@ -126,6 +126,7 @@ export default defineComponent({
     'set-info-area-sticky',
     'scroll-to-info-area',
     'save-watched-progress',
+    'skip-silence',
   ],
   computed: {
     hideSharingActions: function() {
@@ -372,6 +373,10 @@ export default defineComponent({
       }
     },
 
+    handleSkipSilence: function () {
+      this.$emit('skip-silence')
+    },
+
     grabExtensionFromUrl: function (url) {
       const regex = /\/(\w*)/i
       const group = url.match(regex)

src/renderer/components/watch-video-info/watch-video-info.vue

@@ -149,6 +149,12 @@
             :get-timestamp="getTimestamp"
             :playlist-id="playlistId"
           />
+          <ft-icon-button
+            :title="$t('SilenceSkip.Skip Silence')"
+            theme="primary"
+            :icon="['fas', 'gauge']"
+            @click="handleSkipSilence"
+          />
         </span>
       </div>
     </div>

src/renderer/views/Watch/Watch.js

@@ -1405,6 +1405,14 @@ export default defineComponent({
       this.$refs.watchVideoPlaylist?.playPreviousVideo()
     },
 
+    handleSkipSilence: function () {
+      const player = this.$refs.player
+      if (!player) {
+        return
+      }
+      player?.skipSilence()
+    },
+
     abortAutoplayCountdown: function (hideToast = false) {
       clearTimeout(this.playNextTimeout)
       clearInterval(this.playNextCountDownIntervalId)

src/renderer/views/Watch/Watch.vue

@@ -160,6 +160,7 @@
         @set-info-area-sticky="infoAreaSticky = $event"
         @scroll-to-info-area="$refs.infoArea.scrollIntoView()"
         @save-watched-progress="handleWatchProgressManualSave"
+        @skip-silence="handleSkipSilence"
       />
       <watch-video-chapters
         v-if="!hideChapters && !isLoading && videoChapters.length > 0"

static/locales/af.yaml

@@ -1263,3 +1263,8 @@ KeyboardShortcutPrompt:
   Keyboard Shortcuts: Sneltoetse
 shortcutLabelSeparator: ｜
 Right-click or hold to see history: Regskliek of hou in om die geskiedenis te sien
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/ar.yaml

@@ -1121,3 +1121,8 @@ Autoplay Interruption Timer: تم إلغاء التشغيل التلقائي ب
 shortcutJoinOperator: +
 shortcutLabelSeparator: '|'
 KeyboardShortcutTemplate: '{label} ({shortcut})'
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/as.yaml

@@ -64,3 +64,9 @@ Are you sure you want to open this link?: আপুনি নিশ্চিত
 A new blog is now available, {blogTitle}. Click to view more: এতিয়া এটা নতুন ব্লগ
   উপলব্ধ, {blogTitle}। অধিক চাবলৈ ক্লিক কৰক
 Download From Site: চাইটৰ পৰা ডাউনলোড কৰক
+
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/awa.yaml

@@ -1111,3 +1111,8 @@ KeyboardShortcutPrompt:
   Last Chapter: ''
   Next Chapter: ''
   Skip by Tenths: ''
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/az.yaml

@@ -415,3 +415,8 @@ KeyboardShortcutPrompt:
   Fullscreen: Tam ekran göstər
 Profile:
   Select All: Hamısını seç
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/be.yaml

@@ -1125,3 +1125,8 @@ Description:
   Collapse Description: Паказаць менш
 Right-click or hold to see history: ПКМ або працяглае націсканне, каб праглядзець гісторыю
 Autoplay Interruption Timer: Аўтапрайграванне адменена з-за {autoplayInterruptionIntervalHours} гадзін бяздзейнасці
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/bg.yaml

@@ -1124,3 +1124,8 @@ KeyboardShortcutPrompt:
   Skip to Next Video: Преминаване към следващото видео в плейлиста или към следващото препоръчано
   Skip to Previous Video: Преминаване към предходното видео в плейлиста
 shortcutLabelSeparator: '|'
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/bn.yaml

@@ -209,3 +209,8 @@ KeyboardShortcutPrompt:
   Fullscreen: পূর্ণ-স্ক্রিন
 Profile:
   Select All: সব নির্বাচন করো
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/br.yaml

@@ -1171,3 +1171,8 @@ Keys:
   arrowleft: Bir kleiz
   arrowright: Bir dehou
   arrowup: Bir sevel
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/bs.yaml

@@ -143,3 +143,8 @@ KeyboardShortcutPrompt:
 Preferences: Postavke
 Profile:
   Select All: Odabri sve
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/ca.yaml

@@ -569,3 +569,8 @@ KeyboardShortcutPrompt:
   Zoom In: Amplia
   Zoom Out: Allunya
   Fullscreen: Commuta la pantalla completa
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/ckb.yaml

@@ -914,3 +914,8 @@ KeyboardShortcutPrompt:
   Toggle Developer Tools: زامنی ئامرازەکانی گەشەپێدەر
 checkmark: ✓
 shortcutJoinOperator: +
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/cs.yaml

@@ -1127,3 +1127,8 @@ KeyboardShortcutPrompt:
   Skip to Next Video: Přeskočit na další video v playlistu nebo další doporučené video
   Skip to Previous Video: Přeskočit na předchozí video v playlistu
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/cy.yaml

@@ -1127,3 +1127,8 @@ Keys:
 Right-click or hold to see history: De-gliciwch neu ddal i weld yr hanes
 Autoplay Interruption Timer: Diddymwyd awtochwarae oherwydd {autoplayInterruptionIntervalHours} awr o heb ei ddefnyddio
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/da.yaml

@@ -1296,3 +1296,8 @@ Autoplay Interruption Timer: Autoplay afbrudt på grund af {autoplayInterruption
   timers inaktivitet
 shortcutLabelSeparator: ｜
 checkmark: ✓
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/de-DE.yaml

@@ -1123,3 +1123,8 @@ KeyboardShortcutPrompt:
   Skip to Next Video: Zum nächsten Video in der Playlist bzw. nächsten empfohlenen Video springen
   Skip to Previous Video: Zum vorherigen Video in der Playlist springen
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: Stille überspringen
+  Enable Silence Skip: Stille überspringen aktivieren
+  Disable Silence Skip: Stille überspringen deaktivieren

static/locales/el.yaml

@@ -1370,3 +1370,8 @@ checkmark: ✓
 Display Label: '{label}: {value}'
 Yes, Restart: Ναι, Επανεκκίνηση
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/en-GB.yaml

@@ -1121,3 +1121,8 @@ KeyboardShortcutPrompt:
   Home: Seek to the beginning of the video
   End: Seek to the end of the video
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: Skip Silence
+  Enable Silence Skip: Silence Skip enabled
+  Disable Silence Skip: Silence Skip disabled

static/locales/en-US.yaml

@@ -1222,3 +1222,8 @@ KeyboardShortcutPrompt:
   End: Seek to the end of the video
   Skip to Next Video: Skip to the next video in a playlist or next recommended video
   Skip to Previous Video: Skip to the previous video in a playlist
+
+SilenceSkip:
+  Skip Silence: Skip Silence
+  Enable Silence Skip: Silence Skip enabled
+  Disable Silence Skip: Silence Skip disabled

static/locales/eo.yaml

@@ -124,3 +124,8 @@ KeyboardShortcutPrompt:
   Zoom In: Zomi
   Zoom Out: Malzomi
   Fullscreen: Baskuli tutekranon
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/es-AR.yaml

@@ -685,3 +685,8 @@ KeyboardShortcutPrompt:
   Fullscreen: Alternar pantalla completa
 Profile:
   Select All: Seleccionar todo
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/es-MX.yaml

@@ -879,3 +879,8 @@ KeyboardShortcutPrompt:
   Zoom Out: Reducir
   Zoom In: Ampliar
   Fullscreen: Pantalla completa
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/es.yaml

@@ -1119,3 +1119,8 @@ KeyboardShortcutPrompt:
   Home: Ir al principio del vídeo
   End: Ir al final del vídeo
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/et.yaml

@@ -1123,3 +1123,8 @@ KeyboardShortcutPrompt:
   Skip to Next Video: Hüppa esitusloendi järgmise video või järgmise soovituse juurde
   Skip to Previous Video: Hüppa esitusloendi eelmise video juurde
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''

static/locales/eu.yaml

@@ -1125,3 +1125,8 @@ KeyboardShortcutPrompt:
   Skip to Next Video: Joan erreprodukzio-zerrendaren hurrengo bideora edo hurrengo gomendatutako bideora
   Skip to Previous Video: Joan erreprodukzio-zerrendaren aurreko bideora
 shortcutLabelSeparator: ｜
+
+SilenceSkip:
+  Skip Silence: ''
+  Enable Silence Skip: ''
+  Disable Silence Skip: ''