mirror/Jellify
1
0
Fork 0
mirror of https://github.com/anultravioletaurora/Jellify.git synced 2025-12-30 10:20:00 -06:00
Code Issues Packages Projects Releases Wiki Activity

adding remote controls

Browse Source
This commit is contained in:
Violet Caulfield
2024-12-31 05:21:48 -06:00
parent 6062cacb19
commit cd162ea192
2 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
App.tsx
View File

@@ -11,7 +11,6 @@ import { clientPersister } from './constants/storage';
import { queryClient } from './constants/query-client';
import { CacheManager } from '@georstat/react-native-image-cache';
import { Dirs } from "react-native-file-access";
import { usePlayer } from './player/queries';
CacheManager.config = {
baseDir: `${Dirs.CacheDir}/images_cache/`,

35
player/provider.tsx
View File

@@ -3,7 +3,8 @@ import { JellifyTrack } from "../types/JellifyTrack";
import { storage } from "../constants/storage";
import { MMKVStorageKeys } from "../enums/mmkv-storage-keys";
import { findPlayQueueIndexStart } from "./helpers/index";
import { add, reset, play as rntpPlay, pause as rntpPause, setupPlayer, getActiveTrack } from "react-native-track-player/lib/src/trackPlayer";
import { Event } from "react-native-track-player";
import { add, reset, play as rntpPlay, pause as rntpPause, setupPlayer, getActiveTrack, addEventListener } from "react-native-track-player/lib/src/trackPlayer";
import _ from "lodash";
import { buildNewQueue } from "./helpers/queue";
import { useApiClientContext } from "../components/jellyfin-api-provider";
@@ -35,16 +36,11 @@ const PlayerContextInitializer = () => {
const [queue, setQueue] = useState<JellifyTrack[]>(queueJson ? JSON.parse(queueJson) : []);
//#endregion State
//#region RNTP Setup
setupPlayer().then(() => console.debug("Player setup successfully"));
const [playerState, setPlayerState] = useState(null);
//#endregion RNTP Setup
//#region Functions
const play = async () => {
rntpPlay();
const activeTrack = await getActiveTrack() as JellifyTrack;
playStateApi.reportPlaybackStart({
playbackStartInfo: {
@@ -56,7 +52,7 @@ const PlayerContextInitializer = () => {
const pause = async () => {
rntpPause();
const activeTrack = await getActiveTrack() as JellifyTrack;
playStateApi.reportPlaybackStopped({
playbackStopInfo: {
@@ -65,26 +61,35 @@ const PlayerContextInitializer = () => {
}
})
}
const resetQueue = async (hideMiniplayer: boolean | undefined) => {
console.debug("Clearing queue")
await reset();
setQueue([]);
setShowMiniplayer(!hideMiniplayer)
}
const addToQueue = async (tracks: JellifyTrack[]) => {
let insertIndex = findPlayQueueIndexStart(queue);
console.debug(`Adding ${tracks.length} to queue at index ${insertIndex}`)
await add(tracks, insertIndex);
setQueue(buildNewQueue(queue, tracks, insertIndex))
setShowMiniplayer(true);
}
//#endregion Functions
//#region RNTP Setup
setupPlayer().then(() => console.debug("Player setup successfully"));
addEventListener(Event.RemotePlay, () => play());
addEventListener(Event.RemotePause, () => pause());
const [playerState, setPlayerState] = useState(null);
//#endregion RNTP Setup
return {
showPlayer,