设置媒体播放控制器数据

Question

如何为Electron应用程序中的媒体覆盖自定义当前播放的歌曲的标题，艺术家和专辑封面？

当前Windows 10媒体播放覆盖的图像

Answer 1

好吧，我只是回顾了我自己的问题，并在谷歌上搜索了更多，发现了 Media Session API 并且能够弄清楚。

navigator.mediaSession.metadata = new MediaMetadata({
  title: 'Unforgettable',
  artist: 'Nat King Cole',
  album: 'The Ultimate Collection (Remastered)',
  artwork: [
    { src: 'https://dummyimage.com/96x96',   sizes: '96x96',   type: 'image/png' },
    { src: 'https://dummyimage.com/128x128', sizes: '128x128', type: 'image/png' },
    { src: 'https://dummyimage.com/192x192', sizes: '192x192', type: 'image/png' },
    { src: 'https://dummyimage.com/256x256', sizes: '256x256', type: 'image/png' },
    { src: 'https://dummyimage.com/384x384', sizes: '384x384', type: 'image/png' },
    { src: 'https://dummyimage.com/512x512', sizes: '512x512', type: 'image/png' },
  ]
});

来自 MDN 的示例代码

需要注意的重要事项：代码中必须有一个 or 标签。

---

这是一个有效的 jsfiddle 示例：https://jsfiddle.net/2npwy3br/6/