设置媒体播放控制器数据答案

【问题标题】：Set media playback controler data设置媒体播放控制器数据
【发布时间】：2021-02-16 20:38:16
【问题描述】：

如何为我的 Electron 应用中的媒体叠加自定义当前播放歌曲的标题、艺术家和专辑封面？

当前 Windows 10 媒体播放叠加层的图像

【问题讨论】：

【解决方案1】：

好吧，我刚刚回顾了我自己的问题并在 Google 上搜索了更多信息，发现了 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 的示例代码

需要注意的重要一点：代码中的某处必须有一个或标记。

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

【讨论】：