From 6bc0111d0abd9c4d27ce6980516e84837775fd9a Mon Sep 17 00:00:00 2001
From: Simon <simobilleter@gmail.com>
Date: Thu, 9 Nov 2023 09:31:19 +0700
Subject: [PATCH] set and get playerVolume from localStorage

---
 tubearchivist/static/script.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/tubearchivist/static/script.js b/tubearchivist/static/script.js
index 0bcfac1..84aad94 100644
--- a/tubearchivist/static/script.js
+++ b/tubearchivist/static/script.js
@@ -546,7 +546,7 @@ function createVideoTag(videoData, videoProgress) {
   }
 
   let videoTag = `
-    <video poster="${videoThumbUrl}" ontimeupdate="onVideoProgress()" onpause="onVideoPause()" onended="onVideoEnded()" controls autoplay width="100%" playsinline id="video-item">
+    <video poster="${videoThumbUrl}" onvolumechange="onVolumeChange(this)" onloadstart="this.volume=getPlayerVolume()" ontimeupdate="onVideoProgress()" onpause="onVideoPause()" onended="onVideoEnded()" controls autoplay width="100%" playsinline id="video-item">
         <source src="${videoUrl}#t=${videoProgress}" type="video/mp4" id="video-source" videoid="${videoId}">
         ${subtitles}
     </video>
@@ -554,6 +554,14 @@ function createVideoTag(videoData, videoProgress) {
   return videoTag;
 }
 
+function onVolumeChange(videoTag) {
+  localStorage.setItem('playerVolume', videoTag.volume);
+}
+
+function getPlayerVolume() {
+  return localStorage.getItem('playerVolume') ?? 1;
+}
+
 // Gets video tag
 function getVideoPlayer() {
   let videoElement = document.getElementById('video-item');