LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Add effect to set media session metadata (#3713)

Browse Source
This commit is contained in:
mahmed2000 2024-04-20 02:01:50 +05:00 committed by GitHub
parent 8dd43ea6cc
commit 56eef2e601
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/TitleNotifier/TitleNotifier.tsx
View File

@ -21,7 +21,7 @@ export const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {
const [backgrounded, setBackgrounded] = useState(false); const [backgrounded, setBackgrounded] = useState(false);
const [title, setTitle] = useState(name); const [title, setTitle] = useState(name);
const { online } = serverStatus; const { online, streamTitle } = serverStatus;
const onBlur = () => { const onBlur = () => {
setBackgrounded(true); setBackgrounded(true);
@ -66,6 +66,17 @@ export const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {
setTitle(`💬 :: ${name}`); setTitle(`💬 :: ${name}`);
}, [chatMessages, name]); }, [chatMessages, name]);
useEffect(() => {
if (navigator.mediaSession === undefined) {
return;
}
navigator.mediaSession.metadata = new MediaMetadata({
title: streamTitle,
artist: name,
artwork: [{ src: '/logo' }],
});
}, [name, streamTitle]);
useEffect(() => { useEffect(() => {
if (!backgrounded) { if (!backgrounded) {
return; return;