global player

src/screens/Playback/RecordedPlayback.js

@@ -1,4 +1,4 @@
-import { useAudioPlayer } from "expo-audio";
+import useSharedAudioPlayer from "../../hooks/useSharedAudioPlayer";
 import * as FileSystem from "expo-file-system";
 import { VideoView, useVideoPlayer } from "expo-video";
 import React, { useEffect, useMemo, useRef, useState } from "react";
@@ -16,7 +16,14 @@ const RecordedPlayback = ({ route }) => {
   const { videoUri, project } = route.params || {};
   const songUrl = project?.songUrl || null;
   console.log("video uri is : ", videoUri);
-  const audioPlayer = useAudioPlayer(songUrl ? { uri: songUrl } : undefined);
+  const audioPlayer = useSharedAudioPlayer(songUrl ? { uri: songUrl } : undefined, {
+    id: project?.id ? `recorded-${project.id}` : songUrl ? `recorded-${songUrl}` : undefined,
+    title: typeof project?.title === "string" ? project.title : "Sans titre",
+    artist: typeof project?.userName === "string" ? project.userName : "MusicLand",
+    artwork: project?.coverUrl || null,
+    coverUrl: project?.coverUrl || null,
+    metadata: { projectId: project?.id, screen: "RecordedPlayback" },
+  });
   const videoPlayer = useVideoPlayer(videoUri || null, (p) => {
     p.loop = false;
     p.muted = true; // recorded video has no audio; keep muted anyway