global player

src/screens/Playback/RecordedPlayback.web.js

@@ -1,4 +1,4 @@
-import { useAudioPlayer } from "expo-audio";
+import useSharedAudioPlayer from "../../hooks/useSharedAudioPlayer";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { Text, View } from "react-native";
 import { background } from "../../assets";
@@ -29,7 +29,14 @@ const RecordedPlayback = ({ route }) => {
   const songUrl = project?.songUrl || null;
   console.log("video uri is : ", videoUri);
   // AUDIO PLAYER (expo-audio → seconds)
-  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" },
+  });
 
   // Optionnel: si tu veux quand même un rendu vidéo sur web si tu as une source
   const videoElRef = useRef(null);