audio component seeking

strukturart · Oct 27, 2024 · c263401 · c263401
1 parent bad18db
commit c263401
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 13 deletions.
diff --git a/application/assets/css/main.css b/application/assets/css/main.css
@@ -464,7 +464,7 @@ div.nickname {
 }
 
 .audio-player .audio-info {
-  padding: 20px;
+  padding: 10px;
   background: white;
   color: black;
   width: fit-content;
@@ -898,4 +898,11 @@ video {
     margin: 10px 0 0 0;
     padding: 10px 10px 40px 10px;
   }
+
+  .audio-player .audio-info {
+    padding: 10px;
+    background: white;
+    color: black;
+    width: fit-content;
+  }
 }
diff --git a/application/index.js b/application/index.js
@@ -1454,6 +1454,14 @@ const AudioPlayerView = {
       .addEventListener("click", function (event) {
         AudioPlayerView.togglePlayPause();
       });
+
+    document.addEventListener("swiped-left", () => {
+      AudioPlayerView.seek("left");
+    });
+
+    document.addEventListener("swiped-right", () => {
+      AudioPlayerView.seek("right");
+    });
   },
 
   onremove: () => {
@@ -1515,11 +1523,20 @@ const AudioPlayerView = {
           "background-image": `url(${current_article.cover})`,
         },
       }),
-      m("div", { class: "audio-info" }, [
-        `${formatTime(AudioPlayerView.currentTime)} / ${formatTime(
-          AudioPlayerView.audioDuration
-        )}`,
-      ]),
+      m(
+        "div",
+        {
+          class: "audio-info",
+          style: {
+            background: `linear-gradient(to right, #3498db ${progressPercent}%, white ${progressPercent}%)`,
+          },
+        },
+        [
+          `${formatTime(AudioPlayerView.currentTime)} / ${formatTime(
+            AudioPlayerView.audioDuration
+          )}`,
+        ]
+      ),
 
       // Progress bar container
       m("div", { class: "progress-bar-container" }, [

diff --git a/application/manifest.webmanifest b/application/manifest.webmanifest
@@ -24,7 +24,7 @@
   ],
 
   "b2g_features": {
-    "version": "1.8.65",
+    "version": "1.8.66",
     "id": "feedolin",
     "subtitle": "RSS Reader and Mastodon Reader",
     "core": true,

diff --git a/application/sw.js b/application/sw.js
@@ -31,7 +31,7 @@ self.onsystemmessage = (evt) => {
   } catch (e) {}
 };
 if (!userAgent.includes("KaiOS")) {
-  const CACHE_NAME = "pwa-cache-v0.1088";
+  const CACHE_NAME = "pwa-cache-v0.1092";
   const FILE_LIST_URL = "/file-list.json"; // URL of the JSON file containing the array of files
 
   self.addEventListener("install", (event) => {

diff --git a/docs/index.339e55c4.js b/docs/index.339e55c4.js
diff --git a/docs/index.63982eba.css b/docs/index.63982eba.css
diff --git a/docs/index.f0337e49.js b/docs/index.f0337e49.js
diff --git a/docs/manifest.webmanifest b/docs/manifest.webmanifest
@@ -24,7 +24,7 @@
   ],
 
   "b2g_features": {
-    "version": "1.8.65",
+    "version": "1.8.66",
     "id": "feedolin",
     "subtitle": "RSS Reader and Mastodon Reader",
     "core": true,

diff --git a/docs/sw.js b/docs/sw.js