From 6364c65127e564deb303e0f8995cace8e39a0aa4 Mon Sep 17 00:00:00 2001
From: Niki Wix Skaarup <niki@skaarup.dev>
Date: Sat, 3 May 2025 02:06:28 +0200
Subject: [PATCH] added youtube playback rate

---
 src/routes/index.html                         | 14 ++++-
 .../userscripts/youtube/youtube.user.ts       | 54 +++++++++++++++++++
 2 files changed, 67 insertions(+), 1 deletion(-)
 create mode 100644 src/server/userscripts/youtube/youtube.user.ts

diff --git a/src/routes/index.html b/src/routes/index.html
index 5a587d5..62e6afb 100644
--- a/src/routes/index.html
+++ b/src/routes/index.html
@@ -25,7 +25,8 @@
           <a
             href="/"
             class="block text-center underline decoration-transparent transition-colors hover:decoration-pink-600"
-          >Userscripts</a>
+            >Userscripts</a
+          >
         </div>
 
         <div class="flex items-center justify-end gap-2 py-2 md:gap-4">
@@ -100,6 +101,17 @@
               >
               updated via hotkeys
             </li>
+            <li>
+              <a
+                href="/scripts/youtube.user.js"
+                class="underline decoration-indigo-500 transition-colors hover:decoration-pink-600"
+                target="_blank"
+                referrerpolicy="no-referrer"
+                >Youtube playbackRate</a
+              >
+              - Add buttons to increase/decrease the playback rate of youtube videos in the
+              userscript extension
+            </li>
           </ul>
         </section>
       </article>
diff --git a/src/server/userscripts/youtube/youtube.user.ts b/src/server/userscripts/youtube/youtube.user.ts
new file mode 100644
index 0000000..1d0fece
--- /dev/null
+++ b/src/server/userscripts/youtube/youtube.user.ts
@@ -0,0 +1,54 @@
+// ==UserScript==
+// @name        youtube.com
+// @namespace   https://userscripts.skaarup.dev
+// @match       https://www.youtube.com/watch*
+// @version     1.0
+// @author      nws
+// @description youtube video playback rate changer
+// @updateURL   https://userscripts.skaarup.dev/scripts/youtube.user.js
+// @downloadURL https://userscripts.skaarup.dev/scripts/youtube.user.js
+// @grant       none
+// @grant       GM_registerMenuCommand
+// ==/UserScript==
+
+GM_registerMenuCommand(
+  'PlaybackRate Up',
+  (event) => {
+    const videos = Array.from(document.querySelectorAll('video'));
+
+    for (const video of videos) {
+      if (video.paused) continue;
+
+      const currentPlaybackRate = video.playbackRate;
+
+      video.playbackRate = currentPlaybackRate + 0.5;
+
+      console.log(`PlaybackRate changed from ${currentPlaybackRate} to ${video.playbackRate}`);
+    }
+  },
+  {
+    title: 'increase video playbackRate by 0.5'
+  }
+);
+
+GM_registerMenuCommand(
+  'PlaybackRate Down',
+  (event) => {
+    const videos = Array.from(document.querySelectorAll('video'));
+
+    for (const video of videos) {
+      if (video.paused) continue;
+
+      const currentPlaybackRate = video.playbackRate;
+
+      if (currentPlaybackRate < 0.5) continue;
+
+      video.playbackRate = currentPlaybackRate - 0.5;
+
+      console.log(`PlaybackRate changed from ${currentPlaybackRate} to ${video.playbackRate}`);
+    }
+  },
+  {
+    title: 'decrease video playbackRate by 0.5'
+  }
+);