YesPlayMusic/src/utils/mediaSession.js

import store from "@/store";

export function initMediaSession() {
  if ("mediaSession" in navigator) {
    navigator.mediaSession.setActionHandler("play", function () {
      store.state.howler.play();
    });
    navigator.mediaSession.setActionHandler("pause", function () {
      store.state.howler.pause();
    });
    navigator.mediaSession.setActionHandler("previoustrack", function () {
      store.dispatch("previousTrack");
    });
    navigator.mediaSession.setActionHandler("nexttrack", function () {
      store.dispatch("nextTrack");
    });
    navigator.mediaSession.setActionHandler("stop", () => {
      store.state.howler.stop();
    });
  }
}

export function updateMediaSessionMetaData(track) {
  if ("mediaSession" in navigator) {
    let artists = track.ar.map((a) => a.name);
    navigator.mediaSession.metadata = new window.MediaMetadata({
      title: track.name,
      artist: artists.join(","),
      album: track.al.name,
      artwork: [
        {
          src: track.al.picUrl + "?param=512y512",
          type: "image/jpg",
          sizes: "512x512",
        },
      ],
    });
  }
}