设置媒体播放控制器数据

Question

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

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

Answer 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 的示例代码

需要注意的重要事项：代码中的某处必须有 or 标记。

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

设置媒体播放控制器数据

Set media playback controler data

javascript

media-player

node.js