"Media Session API：锁屏控制与元数据"

概述Media Session 允许网页设置媒体元数据并处理系统控制事件（播放/暂停/上一首/下一首/跳转），在移动端或桌面实现更一致的系统级体验。示例navigator.mediaSession.metadata = new MediaMetadata({ title: 'Song', artist: 'Artist', album: 'Album', artwork: [{ src: '/cover.png', sizes: '512x512', type: 'image/png' }] }) navigator.mediaSession.setActionHandler('play', () => player.play()) navigator.mediaSession.setActionHandler('pause', () => player.pause()) navigator.mediaSession.setActionHandler('seekto', e => player.seek(e.seekTime)) 工程建议状态同步：与播放器状态一致更新；避免系统按钮与 UI 不一致。资源与功耗：优化封面与通知资源大小；避免频繁更新导致耗电。兼容与回退：特性检测后启用；在不支持平台保持基本播放体验。参考与验证MDN Media Session 文档：https://developer.mozilla.org/docs/Web/API/Media_Session_APIweb.dev 指南：https://web.dev/articles/media-sessionChrome 平台文档：https://developer.chrome.com/docs/web-platform/media-session/