improved elapsed time display (most bugs fixed + new features)

Player.js

@@ -332,6 +332,7 @@ class RevoltPlayer extends EventEmitter {
             }
           }
         }, { highWaterMark: 1048576 / 4 });
+    connection.media.once("startPlay", () => this.emit("streamStartPlay"));
     connection.media.playStream(stream);
     stream.once("data", () => this.startedPlaying = Date.now());
     if (this.connection.preferredVolume) connection.media.setVolume(this.connection.preferredVolume);

dashboard/index.js

@@ -400,6 +400,9 @@ class Dashboard {
       const startPlayHandler = song => {
         socket.emit("startplay", getSongData(song, player));
       }
+      const streamStartPlayHandler = () => {
+        socket.emit("streamStartPlay");
+      }
       const stopPlayHandler = () => {
         socket.emit("stopplay");
       }
@@ -418,13 +421,15 @@ class Dashboard {
         socket.emit("queue", event);
       }
       player.on("startplay", startPlayHandler);
+      player.on("streamStartPlay", streamStartPlayHandler);
       player.on("stopplay", stopPlayHandler);
       player.on("volume", volumeHandler);
       player.on("userupdate", userHandler);
       player.on("playback", playbackHandler);
       player.on("queue", queueHandler);
       socket.on("disconnect", () => {
         player.removeListener("startplay", startPlayHandler);
+        player.removeListener("streamStartPlay", streamStartPlayHandler);
         player.removeListener("stopplay", stopPlayHandler);
         player.removeListener("volume", volumeHandler);
         player.removeListener("userupdate", userHandler);
@@ -438,7 +443,7 @@ class Dashboard {
       socket.emit("info", {
         connected: !!d.voice,
         ...currInfo(this.remix.client.channels.get(con.channelId)),
-        currSong: (!!d.voice) ? getSongData(d.player.data.current, d.player) : null,
+        currSong: (!!d.voice) ? {...getSongData(d.player.data.current, d.player), elapsedTime: d.player.player.seconds * 1000} : null,
         currData: (!!d.voice) ? getPlayerData(d.player) : null
       });
       if (!!d.voice) subscribePlayer(d.player, socket);

dashboard/views/components/player.ejs

@@ -826,6 +826,7 @@
   }
   const resetTime = () => {
     elapsedTime.innerText = "00:00";
+    duration.innerText = "00:00"
   }
 
   function update(vid) {

dashboard/views/dashboard/index.ejs

@@ -194,7 +194,10 @@
       renderQueue(info.currData.queue);
     }
     if (info.channel) updateCDisplay(info);
-    if (info.currSong) update(info.currSong);
+    if (info.currSong) {
+      update(info.currSong);
+      if (info.currSong.elapsedTime > 0) startTime(info.currSong.elapsedTime);
+    }
     if (info.channel) enablePlayer();
   });
   socket.on("joined", (data) => {
@@ -222,10 +225,16 @@
   })
   socket.on("left", () => { resetPlayer(); updateCDisplay({ channel: { name: "-" }, server: { name: "-" } }) });
   socket.on("startplay", (vid) => {
-    startTime(0);
-    update(vid);
+    pauseTime(0);
+    resetTime();
+    update(vid)
+  });
+  socket.on("streamStartPlay", () => startTime(0))
+  socket.on("stopplay", () => {
+    pauseTime(0);
+    resetTime();
+    resetPlayer();
   });
-  socket.on("stopplay", () => resetPlayer());
   socket.on("volume", (v) => setVolume(v * 100));
   socket.on("queue", (d) => updateQueue(d));
 

package.json

@@ -16,7 +16,7 @@
     "i18next-fs-backend": "^2.1.5",
     "mysql": "^2.18.1",
     "prism-media": "^1.3.5",
-    "revoice.js": "^0.1.754",
+    "revoice.js": "^0.1.7541",
     "revolt-uploader": "^1.1.0",
     "revolt.js": "npm:revolt.js-update@^7.0.0-beta.9-fix2.0",
     "revoltbots.js": "^1.0.5",
@@ -28,7 +28,7 @@
     "youtubei.js": "^5.1.0",
     "yt-dlp-wrap-extended": "^2.3.15",
     "yt-search": "^2.10.4",
-    "ytdl-core": "npm:@distube/ytdl-core@^4.11.9"
+    "ytdl-core": "npm:@distube/ytdl-core@^4.13.2"
   },
   "scripts": {
     "dev": "node --inspect index.js --trace-warnings",