Local API: Implement SABR for VODs (FreeTubeApp#8047)

* Local API: Implement SABR for VODs

* * Allow max 3 player reloads for the same video before fallback to older DASH

* ! Fix data type for `playerTimeMs` (googlevideo 4.0.4)

* * Update player reload handling to restart player at the current timestamp

* * Do not count reload if player is loaded after that

* ! Fix access from nullable object

* * Remove code for debug only

* ! Workaround infinite backoff (mostly at the middle of playback

* ! Workaround infinite retry due to nextRequestPolicy (mostly at the middle of playback

* ! Fix no audio track selection when SABR used

* ! Fix no audio track selection when SABR used with less requests

* * Use Math.round instead of Math.trunc for start time / duration like googlevideo repo

* * Add requestNumber to SABR URL

* ! Fix SABR redirect handling

* ! Fix reload sometimes not working

* * Reload with less cumulative backoff requested (5 > 3)

* * Implement poToken fallback (visitorData bind > videoID bind

* ! Fix progress saving run for video reloading in the middle

* * Implement proper poToken selection

* - Remove accidentially introduced debug code

* * skip the call to concatenateChunks if it isn't needed

* * Make changes for VS Code

* * Update new toast messaages to be translatable

* * Enable SABR by default

* * Load less data when requesting video data

* ! Workaround player stuck at the end on windows

Due to duration somehow being slightly longer than what's available

* ! Fix null endSegmentIndex handling

* ~ Update comment about workaround

* ! Fix player stuck at the end of video with shortest duration

due to use of duration from first format with format of shorter duration selected for playback

* ! Avoid using `player` when it's null (on reload)

* ~ Fix type definition

* ! Workaround player reload issue

* * Make new setting related text translatable & update text

* Add support for Voice Boost formats

* ! Fix legacy format handling

* Fix voice boost being selected as the default audio track

---------

Co-authored-by: efb4f5ff-1298-471a-8973-3d47447115dc <73130443+efb4f5ff-1298-471a-8973-3d47447115dc@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>

Author: 3 people

_scripts/webpack.web.config.js

@@ -31,7 +31,8 @@ const config = {
     filename: '[name].js',
   },
   externals: {
-    'youtubei.js': '{}'
+    'youtubei.js': '{}',
+    googlevideo: '{}'
   },
   module: {
     rules: [
@@ -137,7 +138,7 @@ const config = {
       'process.env.SWIPER_VERSION': `'${swiperVersion}'`
     }),
     new webpack.ProvidePlugin({
-      process: 'process/browser'
+      process: 'process/browser.js'
     }),
     new HtmlWebpackPlugin({
       excludeChunks: ['processTaskWorker'],

jsconfig.json

@@ -3,6 +3,8 @@
     "target": 3.5
   },
   "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "strictNullChecks": true,
     "baseUrl": "./",
     "paths": {

package.json

@@ -63,6 +63,7 @@
     "autolinker": "^4.1.5",
     "bgutils-js": "^3.2.0",
     "electron-context-menu": "^4.1.1",
+    "googlevideo": "^4.0.4",
     "marked": "^17.0.1",
     "process": "^0.11.10",
     "shaka-player": "^4.16.13",

src/renderer/components/ExperimentalSettings/ExperimentalSettings.vue

@@ -16,6 +16,16 @@
         @change="handleRestartPrompt"
       />
     </FtFlexBox>
+    <FtFlexBox v-if="sabrAllowedOnPlatform">
+      <FtToggleSwitch
+        tooltip-position="top"
+        :label="$t('Settings.SABR.Label')"
+        compact
+        :default-value="sabrEnabled"
+        :tooltip="$t('Settings.SABR.Tooltip')"
+        @change="updateSabrEnabled"
+      />
+    </FtFlexBox>
     <FtPrompt
       v-if="showRestartPrompt"
       :label="$t('Settings[\'The app needs to restart for changes to take effect. Restart and apply change?\']')"
@@ -27,13 +37,15 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 
 import FtSettingsSection from '../FtSettingsSection/FtSettingsSection.vue'
 import FtFlexBox from '../ft-flex-box/ft-flex-box.vue'
 import FtToggleSwitch from '../FtToggleSwitch/FtToggleSwitch.vue'
 import FtPrompt from '../FtPrompt/FtPrompt.vue'
 
+import store from '../../store/index'
+
 const replaceHttpCacheLoading = ref(true)
 const replaceHttpCache = ref(false)
 const showRestartPrompt = ref(false)
@@ -69,6 +81,18 @@ function handleReplaceHttpCache(value) {
     window.ftElectron.toggleReplaceHttpCache()
   }
 }
+
+const sabrAllowedOnPlatform = process.env.SUPPORTS_LOCAL_API
+/** @type {import('vue').ComputedRef<boolean>} */
+const sabrEnabled = process.env.SUPPORTS_LOCAL_API ? computed(() => store.getters.getSabrEnabled) : false
+
+/**
+ * @param {boolean} value
+ */
+function updateSabrEnabled(value) {
+  store.dispatch('updateSabrEnabled', value)
+}
+
 </script>
 
 <style scoped src="./ExperimentalSettings.css" />