Set media metadata when sample is playing

See #109
team-thyme · Mar 9, 2024 · 3569c18 · 3569c18
1 parent 5f60a96
commit 3569c18
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/frontend/helpers/Player.ts b/frontend/helpers/Player.ts
@@ -309,6 +309,11 @@ class Player extends TypedEventTarget<PlayerEvents> {
                     `ended ${key}`,
                     new Event(`ended ${key}`),
                 );
+
+                if (this.playing.size === 0 && 'mediaSession' in navigator) {
+                    navigator.mediaSession.playbackState = 'none';
+                    navigator.mediaSession.metadata = null;
+                }
             }
         };
 
@@ -328,6 +333,14 @@ class Player extends TypedEventTarget<PlayerEvents> {
             }
 
             await audio.play();
+
+            if ('mediaSession' in navigator) {
+                navigator.mediaSession.playbackState = 'playing';
+                navigator.mediaSession.metadata = new MediaMetadata({
+                    title: sample.name,
+                    artist: sample.categories.join(' / '),
+                });
+            }
         } catch (error) {
             handleStop();