From 0a329ab387f8b8470dad96df0df193dcba6b9d17 Mon Sep 17 00:00:00 2001
From: "Daniel M. Capella" <polyzen@users.noreply.github.com>
Date: Mon, 8 Jul 2024 21:00:33 +0000
Subject: [PATCH 1/4] Display previous/next track keyboard shortcuts

---
 src/controllers/playback/video/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/controllers/playback/video/index.html b/src/controllers/playback/video/index.html
index d9de34d308e..595e1fbab61 100644
--- a/src/controllers/playback/video/index.html
+++ b/src/controllers/playback/video/index.html
@@ -33,7 +33,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons fiber_manual_record" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide" title="${PreviousTrack}">
+                    <button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide" title="${PreviousTrack} (P)" aria-label="${PreviousTrack}">
                         <span class="xlargePaperIconButton material-icons skip_previous" aria-hidden="true"></span>
                     </button>
 
@@ -57,7 +57,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons redo" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnNextTrack autoSize hide" title="${NextTrack}">
+                    <button is="paper-icon-button-light" class="btnNextTrack autoSize hide" title="${NextTrack} (N)" aria-label="${NextTrack}">
                         <span class="xlargePaperIconButton material-icons skip_next" aria-hidden="true"></span>
                     </button>
                 </div>
@@ -65,7 +65,7 @@ <h3 class="osdTitle"></h3>
                 <div class="osdTimeText">
                     <span class="endsAtText"></span>
                 </div>
-                
+
                 <div class="osdRatingsText">
                 </div>
 

From 744720517a34e0160c4ead023ecad02d01a05fb6 Mon Sep 17 00:00:00 2001
From: "Daniel M. Capella" <polyzen@archlinux.org>
Date: Fri, 12 Jul 2024 20:03:31 -0400
Subject: [PATCH 2/4] Display keyboard shortcuts in uppercase

---
 src/controllers/playback/video/index.html | 12 ++++++------
 src/controllers/playback/video/index.js   |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/controllers/playback/video/index.html b/src/controllers/playback/video/index.html
index 595e1fbab61..4a984372924 100644
--- a/src/controllers/playback/video/index.html
+++ b/src/controllers/playback/video/index.html
@@ -33,7 +33,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons fiber_manual_record" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide" title="${PreviousTrack} (P)" aria-label="${PreviousTrack}">
+                    <button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide" title="${PreviousTrack} (Shift+P)" aria-label="${PreviousTrack}">
                         <span class="xlargePaperIconButton material-icons skip_previous" aria-hidden="true"></span>
                     </button>
 
@@ -41,7 +41,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons undo" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnRewind" title="${Rewind} (j)" aria-label="${Rewind}">
+                    <button is="paper-icon-button-light" class="btnRewind" title="${Rewind} (J)" aria-label="${Rewind}">
                         <span class="xlargePaperIconButton material-icons fast_rewind" aria-hidden="true"></span>
                     </button>
 
@@ -49,7 +49,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons pause" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnFastForward" title="${FastForward} (l)" aria-label="${FastForward}">
+                    <button is="paper-icon-button-light" class="btnFastForward" title="${FastForward} (L)" aria-label="${FastForward}">
                         <span class="xlargePaperIconButton material-icons fast_forward" aria-hidden="true"></span>
                     </button>
 
@@ -57,7 +57,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons redo" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnNextTrack autoSize hide" title="${NextTrack} (N)" aria-label="${NextTrack}">
+                    <button is="paper-icon-button-light" class="btnNextTrack autoSize hide" title="${NextTrack} (Shift+N)" aria-label="${NextTrack}">
                         <span class="xlargePaperIconButton material-icons skip_next" aria-hidden="true"></span>
                     </button>
                 </div>
@@ -80,7 +80,7 @@ <h3 class="osdTitle"></h3>
                     <span class="xlargePaperIconButton material-icons audiotrack" aria-hidden="true"></span>
                 </button>
                 <div class="volumeButtons hide-mouse-idle-tv">
-                    <button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)" aria-label="${Mute}">
+                    <button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (M)" aria-label="${Mute}">
                         <span class="xlargePaperIconButton material-icons volume_up" aria-hidden="true"></span>
                     </button>
                     <div class="sliderContainer osdVolumeSliderContainer">
@@ -96,7 +96,7 @@ <h3 class="osdTitle"></h3>
                 <button is="paper-icon-button-light" class="btnPip hide autoSize" title="${PictureInPicture}">
                     <span class="xlargePaperIconButton material-icons picture_in_picture_alt" aria-hidden="true"></span>
                 </button>
-                <button is="paper-icon-button-light" class="btnFullscreen hide autoSize" title="${Fullscreen} (f)" aria-label="${Fullscreen}">
+                <button is="paper-icon-button-light" class="btnFullscreen hide autoSize" title="${Fullscreen} (F)" aria-label="${Fullscreen}">
                     <span class="xlargePaperIconButton material-icons fullscreen" aria-hidden="true"></span>
                 </button>
             </div>
diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js
index 3f55f9dc7cf..5e635170d2d 100644
--- a/src/controllers/playback/video/index.js
+++ b/src/controllers/playback/video/index.js
@@ -496,10 +496,10 @@ export default function (view) {
         icon.classList.remove('fullscreen_exit', 'fullscreen');
 
         if (playbackManager.isFullscreen(currentPlayer)) {
-            button.setAttribute('title', globalize.translate('ExitFullscreen') + ' (f)');
+            button.setAttribute('title', globalize.translate('ExitFullscreen') + ' (F)');
             icon.classList.add('fullscreen_exit');
         } else {
-            button.setAttribute('title', globalize.translate('Fullscreen') + ' (f)');
+            button.setAttribute('title', globalize.translate('Fullscreen') + ' (F)');
             icon.classList.add('fullscreen');
         }
     }
@@ -721,7 +721,7 @@ export default function (view) {
         }
 
         btnPlayPauseIcon.classList.add(icon);
-        dom.setElementTitle(btnPlayPause, title + ' (k)', title);
+        dom.setElementTitle(btnPlayPause, title + ' (K)', title);
     }
 
     function updatePlayerStateInternal(event, player, state) {

From 683ea9ac6b5f5df3703093fc0eb604456911330f Mon Sep 17 00:00:00 2001
From: "Daniel M. Capella" <polyzen@archlinux.org>
Date: Sun, 14 Jul 2024 18:05:51 -0400
Subject: [PATCH 3/4] Display previous/next chapter keyboard shortcuts

---
 src/controllers/playback/video/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/controllers/playback/video/index.html b/src/controllers/playback/video/index.html
index 4a984372924..a460ee8f6a3 100644
--- a/src/controllers/playback/video/index.html
+++ b/src/controllers/playback/video/index.html
@@ -37,7 +37,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons skip_previous" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnPreviousChapter autoSize hide" title="${PreviousChapter}">
+                    <button is="paper-icon-button-light" class="btnPreviousChapter autoSize hide" title="${PreviousChapter} (PageDown)" aria-label="${PreviousChapter}">
                         <span class="xlargePaperIconButton material-icons undo" aria-hidden="true"></span>
                     </button>
 
@@ -53,7 +53,7 @@ <h3 class="osdTitle"></h3>
                         <span class="xlargePaperIconButton material-icons fast_forward" aria-hidden="true"></span>
                     </button>
 
-                    <button is="paper-icon-button-light" class="btnNextChapter autoSize hide" title="${NextChapter}">
+                    <button is="paper-icon-button-light" class="btnNextChapter autoSize hide" title="${NextChapter} (PageUp)" aria-label="${NextChapter}">
                         <span class="xlargePaperIconButton material-icons redo" aria-hidden="true"></span>
                     </button>
 

From f8f8f260ce5e3b4eb50190d98246ab7a5e563622 Mon Sep 17 00:00:00 2001
From: "Daniel M. Capella" <polyzen@archlinux.org>
Date: Mon, 15 Jul 2024 23:30:11 -0400
Subject: [PATCH 4/4] Allow capital letters for keyboard shortcuts

> On YouTube, Shift and CapsLock have no effect on these actions.
---
 src/controllers/playback/video/index.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js
index 5e635170d2d..5f55d094b48 100644
--- a/src/controllers/playback/video/index.js
+++ b/src/controllers/playback/video/index.js
@@ -1245,6 +1245,7 @@ export default function (view) {
                 }
                 break;
             case 'k':
+            case 'K':
                 playbackManager.playPause(currentPlayer);
                 showOsd(btnPlayPause);
                 break;
@@ -1257,23 +1258,27 @@ export default function (view) {
                 playbackManager.volumeDown(currentPlayer);
                 break;
             case 'l':
+            case 'L':
             case 'ArrowRight':
             case 'Right':
                 playbackManager.fastForward(currentPlayer);
                 showOsd(btnFastForward);
                 break;
             case 'j':
+            case 'J':
             case 'ArrowLeft':
             case 'Left':
                 playbackManager.rewind(currentPlayer);
                 showOsd(btnRewind);
                 break;
             case 'f':
+            case 'F':
                 if (!e.ctrlKey && !e.metaKey) {
                     playbackManager.toggleFullscreen(currentPlayer);
                 }
                 break;
             case 'm':
+            case 'M':
                 playbackManager.toggleMute(currentPlayer);
                 break;
             case 'p':