First attempt to add metadata to web player

lib/api.dart

@@ -50,7 +50,7 @@ class API {
 }
 
 extension MusicEntryAPIExt on MusicEntry {
-  String get coverURL => "${config.apiURL}/cover/$id";
+  String get coverURL => "${config.apiURL}/cover/$id?token=${config.apiToken}";
 
   String get musicURL =>
       "${config.apiURL}/download/$id?token=${config.apiToken}";

lib/ui/music_player.dart

@@ -7,6 +7,7 @@ import 'package:fluentui_system_icons/fluentui_system_icons.dart';
 import 'package:flutter/material.dart';
 import 'package:music_web_player/api.dart';
 import 'package:music_web_player/ui/cover_image.dart';
+import 'package:music_web_player/ui/player_web_interface.dart';
 import 'package:video_player/video_player.dart';
 
 extension DurationExt on Duration {
@@ -79,6 +80,8 @@ class _MusicPlayerState extends State<MusicPlayer> {
               }
             }
           }));
+
+      updateMusicSession(currMusic);
     }
   }
 

lib/ui/player_web_interface.dart

@@ -0,0 +1,20 @@
+// ignore_for_file: avoid_web_libraries_in_flutter
+
+import 'dart:html';
+
+import 'package:audio_service_web/js/media_session_web.dart';
+import 'package:music_web_player/api.dart';
+
+void updateMusicSession(MusicEntry entry) {
+  MediaSession.metadata = MediaMetadata({
+    "title": entry.title,
+    "artist": entry.artist,
+    "artwork": [
+      {
+        "src": entry.coverURL,
+        "sizes": "512x512",
+        "type": "image/jpeg",
+      }
+    ]
+  });
+}