From 22eba43979a14a682e67d92203bd7125d3346057 Mon Sep 17 00:00:00 2001
From: ward <ward@localhost.localdomain>
Date: Mon, 9 Jun 2025 15:31:20 +1200
Subject: [PATCH] Added default playback rate

---
 materialious/electron/package-lock.json       |  4 ++--
 materialious/src/lib/components/Player.svelte | 10 +++++++--
 .../src/lib/components/Settings/Player.svelte | 22 +++++++++++++++++++
 materialious/src/lib/const.ts                 |  1 +
 materialious/src/lib/externalSettings.ts      | 12 ++++++++--
 materialious/src/lib/i18n/locales/en.json     |  3 ++-
 materialious/src/lib/store.ts                 |  1 +
 7 files changed, 46 insertions(+), 7 deletions(-)
 create mode 100644 materialious/src/lib/const.ts

diff --git a/materialious/electron/package-lock.json b/materialious/electron/package-lock.json
index 77d7bcaf..57dc1239 100644
--- a/materialious/electron/package-lock.json
+++ b/materialious/electron/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.9.4",
+	"version": "1.9.5",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.9.4",
+			"version": "1.9.5",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",
diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index 0356526a..3724477d 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -27,6 +27,7 @@
 		playerAndroidLockOrientation,
 		playerAutoPlayStore,
 		playerDefaultLanguage,
+		playerDefaultPlaybackSpeed,
 		playerDefaultQualityStore,
 		playerProxyVideosStore,
 		playerSavePlaybackPositionStore,
@@ -41,6 +42,7 @@
 	import { getDynamicTheme, setStatusBarColor } from '../theme';
 	import { injectSABR } from '$lib/sabr';
 	import { patchYoutubeJs } from '$lib/patches/youtubejs';
+	import { playbackRates } from '$lib/const';
 
 	interface Props {
 		data: { video: VideoPlay; content: PhasedDescription; playlistId: string | null };
@@ -317,9 +319,13 @@
 			ui('#snackbar-alert');
 		}
 
-	        restoreQualityPreference();
+		restoreQualityPreference();
 		restoreDefaultLanguage();
 
+		if ($playerDefaultPlaybackSpeed && playerElement) {
+			console.log('$playerDefaultPlaybackSpeed', $playerDefaultPlaybackSpeed);
+			playerElement.playbackRate = $playerDefaultPlaybackSpeed;
+		}
 	}
 
 	async function reloadVideo() {
@@ -394,7 +400,7 @@
 				'language',
 				'statistics'
 			],
-			playbackRates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 2.25, 2.5, 2.75, 3],
+			playbackRates: playbackRates,
 			enableTooltips: false,
 			seekBarColors: {
 				played: (await getDynamicTheme())['--primary']
diff --git a/materialious/src/lib/components/Settings/Player.svelte b/materialious/src/lib/components/Settings/Player.svelte
index d8e381ce..38ecdd61 100644
--- a/materialious/src/lib/components/Settings/Player.svelte
+++ b/materialious/src/lib/components/Settings/Player.svelte
@@ -10,6 +10,7 @@
 		playerAutoPlayStore,
 		playerAutoplayNextByDefaultStore,
 		playerDefaultLanguage,
+		playerDefaultPlaybackSpeed,
 		playerDefaultQualityStore,
 		playerProxyVideosStore,
 		playerSavePlaybackPositionStore,
@@ -17,6 +18,7 @@
 		playerYouTubeJsAlways,
 		playerYouTubeJsFallback
 	} from '../../store';
+	import { playbackRates } from '$lib/const';
 
 	let defaultLanguage = $state(get(playerDefaultLanguage));
 
@@ -36,6 +38,11 @@
 		playerDefaultQualityStore.set(value);
 	}
 
+	function onSpeedChange(event: Event) {
+		const value = (event.target as HTMLSelectElement).value;
+		playerDefaultPlaybackSpeed.set(Number(value));
+	}
+
 	function onLocalVideoFallbackChange() {
 		switch (localVideoFallback) {
 			case 'enabled':
@@ -90,6 +97,21 @@
 	<i>arrow_drop_down</i>
 </div>
 
+<div class="field label suffix border">
+	<select
+		name="quality"
+		id="quality"
+		bind:value={$playerDefaultPlaybackSpeed}
+		onchange={onSpeedChange}
+	>
+		{#each playbackRates as speed}
+			<option value={speed}>x{speed}</option>
+		{/each}
+	</select>
+	<label for="quality">{$_('layout.player.defaultPlaybackSpeed')}</label>
+	<i>arrow_drop_down</i>
+</div>
+
 {#if Capacitor.isNativePlatform()}
 	<div class="field suffix border label">
 		<select name="ytfallback" bind:value={localVideoFallback} onchange={onLocalVideoFallbackChange}>
diff --git a/materialious/src/lib/const.ts b/materialious/src/lib/const.ts
new file mode 100644
index 00000000..71d1d354
--- /dev/null
+++ b/materialious/src/lib/const.ts
@@ -0,0 +1 @@
+export const playbackRates = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 2.25, 2.5, 2.75, 3];
diff --git a/materialious/src/lib/externalSettings.ts b/materialious/src/lib/externalSettings.ts
index 0cd0f7ba..be62ca2c 100644
--- a/materialious/src/lib/externalSettings.ts
+++ b/materialious/src/lib/externalSettings.ts
@@ -32,14 +32,15 @@ import {
 	synciousInstanceStore,
 	synciousStore,
 	themeColorStore,
-	interfaceAutoExpandChapters
+	interfaceAutoExpandChapters,
+	playerDefaultPlaybackSpeed
 } from '$lib/store';
 import { get, type Writable } from 'svelte/store';
 
 const persistedStores: {
 	name: string;
 	store: Writable<any>;
-	type: 'string' | 'boolean' | 'array';
+	type: 'string' | 'boolean' | 'array' | 'number';
 }[] = [
 	{
 		name: 'returnYTDislikesInstance',
@@ -205,6 +206,11 @@ const persistedStores: {
 		name: 'autoExpandChapters',
 		store: interfaceAutoExpandChapters,
 		type: 'boolean'
+	},
+	{
+		name: 'defaultPlaybackSpeed',
+		store: playerDefaultPlaybackSpeed,
+		type: 'number'
 	}
 ];
 
@@ -221,6 +227,8 @@ function setStores(toSet: Record<string, any>) {
 
 			if (store.type === 'array') {
 				value = paramValue.split(',');
+			} else if (store.type === 'number') {
+				value = Number(paramValue);
 			} else if (store.type === 'boolean') {
 				value = typeof paramValue === 'string' ? paramValue === 'true' : paramValue;
 			} else {
diff --git a/materialious/src/lib/i18n/locales/en.json b/materialious/src/lib/i18n/locales/en.json
index af0d9478..3f9b8425 100644
--- a/materialious/src/lib/i18n/locales/en.json
+++ b/materialious/src/lib/i18n/locales/en.json
@@ -150,7 +150,8 @@
 			"localVideoFallback": "Local video fallback",
 			"youtubeJsFallback": "Local video processing fallback",
 			"youtubeJsAlways": "Always use",
-			"lockOrientation": "Orientation locked to aspect ratio"
+			"lockOrientation": "Orientation locked to aspect ratio",
+			"defaultPlaybackSpeed": "Default playback speed"
 		},
 		"bookmarklet": "Bookmarklet",
 		"instanceUrl": "Instance URL",
diff --git a/materialious/src/lib/store.ts b/materialious/src/lib/store.ts
index 2296aaec..c22fd1e1 100644
--- a/materialious/src/lib/store.ts
+++ b/materialious/src/lib/store.ts
@@ -46,6 +46,7 @@ export const playerYouTubeJsFallback = persisted('youTubeJsFallback', true);
 export const playerYouTubeJsAlways = persisted('youTubeJsAlways', false);
 export const playerAndroidLockOrientation = persisted('androidLockOrientation', true);
 export const playerDefaultLanguage = persisted('defaultLanguage', '');
+export const playerDefaultPlaybackSpeed: Writable<number> = persisted('defaultPlaybackSpeed', 1);
 
 export const returnYtDislikesStore = persisted('returnYtDislikes', false);
 export const returnYTDislikesInstanceStore: Writable<string | null | undefined> = persisted(