leonm/musicland
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: background

Browse Source
This commit is contained in:
leon-morival
2025-12-10 11:21:49 +01:00
parent 70ace4cc57
commit d92303dd8a
8 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/UI/playbackMobile.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 MiB

src/assets/UI/playbackWeb.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 MiB

src/assets/index.js
+2
View File
@@ -207,6 +207,8 @@ export const background = {
profileBgWeb: require("./UI/profileBgWeb.png"),
hitParadeBG,
hitParadeBG2: require("./UI/hitparadeBG2.jpg"),
playbackWeb: require("./UI/playbackWeb.png"),
playbackMobile: require("./UI/playbackMobile.png"),
homeBG,
homeBGWeb: require("./UI/homeBGWeb.png"),
loginBgWeb: require("./UI/loginBgWeb.png"),
src/data/data.js
+3 -3
View File
@@ -417,9 +417,9 @@ export const VOICE = [
{
title: "BASE",
data: [
"Une voix féminine interpretra ta chanson.",
"Une voix masculine interpretera ta chanson.",
"Deux voix pour interpreter ta chanson.",
"Une voix féminine interprétera ta chanson.",
"Une voix masculine interprétera ta chanson.",
"Deux voix pour interpréter ta chanson.",
"Solo vocal puissant et dramatique.",
"Un chœur gospel pour (dimension spirituelle ou émotionnelle).",
"Un cri brut et puissant (émotion intense).",
src/screens/Home/Home.js
+1 -2
View File
@@ -395,8 +395,7 @@ const Home = ({ navigation, route }) => {
const handleStartVisit = useCallback(() => {
setVideoUrl(isWeb ? videos?.landingWeb : videos?.landing);
}, []);
console.log("is web ? : ", isWeb);
console.log("landing video url is : ", videoUrl);
const handleReturnToLanding = useCallback(() => {
navigate(Routes.LandingPage);
}, []);
src/screens/Playback/Playback.js
+1 -1
View File
@@ -31,7 +31,7 @@ const Playback = ({ route, navigation }) => {
}, [project]);
return (
<Page headerType="NONE" backgroundImg={background.playbackBG2}>
<Page headerType="NONE" backgroundImg={isWeb ? background.playbackWeb : background.playbackMobile}>
<Image source={ai.theo} style={styles.img} resizeMode="contain" />
<MusicLandHeader
onPressBack={() => navigation.navigate(Routes.Home)}
src/screens/Playback/PlaybackGuide.js
+3 -2
View File
@@ -7,13 +7,14 @@ import Page from "../../layouts/Page";
import { Routes } from "../../navigation";
import { gutters, Palette } from "../../styles";
import { FONT_FAMILY } from "../../styles/Fonts";
import { isWeb } from "../../hooks/useLayoutType";
const PlaybackGuide = ({ navigation }) => {
return (
<Page headerType="NONE" backgroundImg={background.playbackBG2}>
<Page headerType="NONE" backgroundImg={isWeb ? background.playbackWeb : background.playbackMobile}>
<MusicLandHeader onPressBack={() => navigation.goBack()} />
<View style={styles.container}>
<BlurView intensity={Platform.OS === "ios" ? 80 : 50} style={styles.blurContainer}>
<BlurView intensity={Platform.OS === "ios" ? 80 : 40} style={styles.blurContainer} experimentalBlurMethod="dimezisBlurView">
<ScrollView
contentContainerStyle={styles.scrollContent}
showsVerticalScrollIndicator={false}
src/screens/Playback/RecordedPlayback.js
+13 -13
View File
@@ -40,10 +40,10 @@ const RecordedPlayback = ({ route }) => {
const stopPlayback = useCallback(async () => {
try {
if (audioPlayer?.playing) await audioPlayer.pause?.();
} catch (e) {}
} catch (e) { }
try {
if (videoPlayer?.playing) videoPlayer.pause();
} catch (e) {}
} catch (e) { }
}, [audioPlayer, videoPlayer]);
useEffect(() => {
@@ -52,7 +52,7 @@ const RecordedPlayback = ({ route }) => {
try {
if (audioPlayer && songUrl) await audioPlayer.play?.();
if (videoPlayer) videoPlayer.play();
} catch (e) {}
} catch (e) { }
};
start();
return () => {
@@ -78,7 +78,7 @@ const RecordedPlayback = ({ route }) => {
videoPlayer.currentTime = Math.max(0, (pos || 0) / 1000);
}
}
} catch (e) {}
} catch (e) { }
}, 250);
return () => global.clearInterval(id);
}, [audioPlayer, videoPlayer]);
@@ -90,7 +90,7 @@ const RecordedPlayback = ({ route }) => {
if (audioPlayer && dur > 0)
await audioPlayer.seekTo?.(Math.floor(pos / 1000));
if (videoPlayer) videoPlayer.currentTime = Math.max(0, pos / 1000);
} catch (e) {}
} catch (e) { }
};
const onSeekStart = useCallback(() => {
@@ -100,19 +100,19 @@ const RecordedPlayback = ({ route }) => {
const pauseDuringSeek = useCallback(async () => {
try {
if (audioPlayer?.playing) await audioPlayer.pause?.();
} catch (e) {}
} catch (e) { }
try {
if (videoPlayer?.playing) videoPlayer.pause();
} catch (e) {}
} catch (e) { }
}, [audioPlayer, videoPlayer]);
const resumeAfterSeek = useCallback(async () => {
try {
if (audioPlayer) await audioPlayer.play?.();
} catch (e) {}
} catch (e) { }
try {
if (videoPlayer) videoPlayer.play();
} catch (e) {}
} catch (e) { }
}, [audioPlayer, videoPlayer]);
const sliderProgress = useMemo(() => {
@@ -140,7 +140,7 @@ const RecordedPlayback = ({ route }) => {
try {
const duration = progressInfo?.dur || 0;
const position = progressInfo?.pos || 0;
const isAtEnd = duration > 0 && duration - position < 350;
const isAtEnd = duration > 0 && duration - position < 1000;
const isCurrentlyPlaying =
!!audioPlayer?.playing || !!videoPlayer?.playing;
@@ -159,7 +159,7 @@ const RecordedPlayback = ({ route }) => {
playbackEndedRef.current = false;
if (songUrl && audioPlayer) await audioPlayer.play?.();
if (videoPlayer) videoPlayer.play();
} catch (e) {}
} catch (e) { }
};
return (
@@ -233,7 +233,7 @@ const RecordedPlayback = ({ route }) => {
onPress={async () => {
try {
await stopPlayback();
} catch (e) {}
} catch (e) { }
try {
if (videoUri) {
const info = await FileSystem.getInfoAsync(videoUri);
@@ -242,7 +242,7 @@ const RecordedPlayback = ({ route }) => {
idempotent: true,
});
}
} catch (e) {}
} catch (e) { }
navigate(Routes.RecordPlayback, { project });
}}
/>