首页 > 解决方案 > 在 Windows 10 音量控制覆盖中显示视频元数据

问题描述

我正在建立自己的媒体服务器,并配有一个自定义网站(由我制作)。我正在尝试实现的是 Windows 10 卷覆盖上的类似 YouTube 的媒体元数据。对于那些不知道的人,它看起来像这样:音量控制覆盖上的 YouTube 媒体元数据

我做了一些实验(至少在 Chrome 中),发现页面标题似乎显示在播放媒体的非 YouTube 网站上。是否有执行此操作的 API?如果是这样,在其他浏览器(Firefox、Opera 等)上是否有等价物?

标签: javascripthtmlwebmedia

解决方案


这是通过MediaSession API完成的。像这样的东西:

navigator.mediaSession.metadata = new MediaMetadata({
  title: 'All Star',
  artist: 'Smash Mouth',
  album: 'Astrolounge',
  artwork: [{src: 'cover.jpg'}]
});

推荐阅读