frontend: Finish interactivity

src/MediaPlayer.ts

@@ -96,6 +96,10 @@ export class MediaPlayer {
         return this.modify(() => this.writeCommand("playlist-next", []));
     }
 
+    public async skipTo(index: number) {
+        return this.modify(() => this.writeCommand("playlist-play-index", [index]));
+    }
+
     public async previous() {
         return this.modify(() => this.writeCommand("playlist-prev", []));
     }

src/server.ts

@@ -51,6 +51,12 @@ apiRouter.post("/skip", withErrorHandling(async (req, res) => {
     res.send(JSON.stringify({ success: true }));
 }));
 
+apiRouter.post("/skip/:index", withErrorHandling(async (req, res) => {
+    const { index } = req.params as { index: string };
+    await mediaPlayer.skipTo(parseInt(index));
+    res.send(JSON.stringify({ success: true }));
+}));
+
 apiRouter.post("/previous", withErrorHandling(async (req, res) => {
     await mediaPlayer.previous();
     res.send(JSON.stringify({ success: true }));