diff --git a/apps/renderer/src/modules/feed-column/corner-player.tsx b/apps/renderer/src/modules/feed-column/corner-player.tsx index 65369f386..c272e59c6 100644 --- a/apps/renderer/src/modules/feed-column/corner-player.tsx +++ b/apps/renderer/src/modules/feed-column/corner-player.tsx @@ -28,6 +28,12 @@ const handleClickPlay = () => { AudioPlayer.togglePlayAndPause() } +const setNowPlaying = (metadata: MediaMetadataInit) => { + if ("mediaSession" in navigator) { + navigator.mediaSession.metadata = new MediaMetadata(metadata) + } +} + export const CornerPlayer = () => { const show = useAudioPlayerAtomSelector((v) => v.show) const entryId = useAudioPlayerAtomSelector((v) => v.entryId) @@ -102,6 +108,15 @@ const CornerPlayerImpl = () => { scopes: HotKeyScopeMap.Home, }) + useEffect(() => { + setNowPlaying({ + title: entry?.entries.title || undefined, + artist: feed?.title || undefined, + album: feed?.image || undefined, + artwork: [{ src: entry?.entries.authorAvatar || feed?.image || "" }], + }) + }, [entry, feed]) + const navigateToEntry = useNavigateEntry() usePlayerTracker()