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

fix: add media session

Browse Source
This commit is contained in:
MAZE 2024-01-28 19:33:52 +03:30
parent 463667c868
commit 81f33d9d37
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/app/app.tsx
View File

@ -24,6 +24,9 @@ export function App() {
const categories = useMemo(() => sounds.categories, []);
const favorites = useSoundStore(useShallow(state => state.getFavorites()));
const play = useSoundStore(state => state.play);
const pause = useSoundStore(state => state.pause);
const isPlaying = useSoundStore(state => state.isPlaying);
const favoriteSounds = useMemo(() => {
const favoriteSounds = categories
@ -60,10 +63,33 @@ export function App() {
const { ctx } = Howler;
const dest = ctx.createMediaStreamDestination();
audio.current.srcObject = dest.stream;
audio.current.play();
}
}, []);
useEffect(() => {
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]);
useEffect(() => {
if (isPlaying) {
navigator.mediaSession.metadata = new MediaMetadata({
title: 'Moodist',
});
audio.current?.play();
navigator.mediaSession.playbackState = 'playing';
} else {
audio.current?.pause();
navigator.mediaSession.playbackState = 'paused';
}
}, [isPlaying]);
const allCategories = useMemo(() => {
const favorites = [];