Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-09-29 15:30:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: add media session (wip)

Browse Source
This commit is contained in:
MAZE 2024-05-11 15:57:20 +04:30
parent fc1bd07b7d
commit ea0dfff9c1
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/hooks/use-media-session.ts
View File

@ -3,25 +3,29 @@ import { useEffect } from 'react';
import { useSoundStore } from '@/store';
export function useMediaSession() {
const play = useSoundStore(state => state.play);
const pause = useSoundStore(state => state.pause);
const isPlaying = useSoundStore(state => state.isPlaying);
useEffect(() => {
if ('mediaSession' in navigator) {
if (isPlaying) {
console.log('hello');
navigator.mediaSession.metadata = new MediaMetadata({
title: 'Moodist - Ambient Sounds',
});
try {
navigator.mediaSession.setActionHandler('play', play);
navigator.mediaSession.setActionHandler('pause', pause);
navigator.mediaSession.setActionHandler('stop', pause);
} catch (error) {
console.log('Media session is no supported yet');
}
}, [play, pause]);
navigator.mediaSession.playbackState = 'playing';
useEffect(() => {
if (isPlaying) {
navigator.mediaSession.metadata = new MediaMetadata({
title: 'Moodist',
});
navigator.mediaSession.setActionHandler('play', function () {});
navigator.mediaSession.setActionHandler('pause', function () {});
navigator.mediaSession.setActionHandler('stop', function () {});
} else {
navigator.mediaSession.playbackState = 'paused';
console.log('bye');
}
navigator.mediaSession.playbackState = 'playing';
} else {
navigator.mediaSession.playbackState = 'paused';
}
}, [isPlaying]);
}