feat: Implement new Reel creation functionality with dedicated mobile and desktop UIs, server-side API routes, and a new FFmpeg processing service.

This commit is contained in:
Michael committed 2026-03-19 14:51:16 +01:00
1 parent ae0048a6e1
commit 3a5acd425c
5 files changed
+42 -2

No files matched your search

+13
View File
@@ -63,6 +63,7 @@ export default function MobileNewReel() {
// État audio preview
const [isPlaying, setIsPlaying] = useState<string | null>(null);
const [stabilize, setStabilize] = useState(true); // Activé par défaut pour les Reels
const [enableEndingEffect, setEnableEndingEffect] = useState(true);
const { data: pages = [] } = useQuery<SocialPage[]>({
@@ -204,6 +205,7 @@ export default function MobileNewReel() {
drawText: true,
ttsEnabled,
ttsVoice,
enableEndingEffect,
});
};
@@ -395,6 +397,17 @@ export default function MobileNewReel() {
className="text-lg"
rows={3}
/>
<div className="flex items-center space-x-2 mt-4">
<Switch
id="enable-ending-effect"
checked={enableEndingEffect}
onCheckedChange={setEnableEndingEffect}
/>
<Label htmlFor="enable-ending-effect" className="font-medium cursor-pointer">
Activer l'effet de fin (logo + fondu)
</Label>
</div>
<div className="flex items-center space-x-2 mt-4">
<Switch
id="tts-mode"
+13
View File
@@ -68,6 +68,7 @@ export default function NewReel() {
const [ttsVoice, setTtsVoice] = useState("fr-FR-VivienneMultilingualNeural");
const [drawText, setDrawText] = useState(true);
const [stabilize, setStabilize] = useState(true); // default to true
const [enableEndingEffect, setEnableEndingEffect] = useState(true);
// Enable TTS by default on mobile
useEffect(() => {
@@ -336,6 +337,7 @@ export default function NewReel() {
ttsVoice,
drawText,
stabilize: stabilize,
enableEndingEffect,
});
};
@@ -710,6 +712,17 @@ export default function NewReel() {
</Label>
</div>
<div className="flex items-center space-x-2 mt-4">
<Switch
id="enable-ending-effect"
checked={enableEndingEffect}
onCheckedChange={setEnableEndingEffect}
/>
<Label htmlFor="enable-ending-effect" className="font-medium cursor-pointer">
Activer l'effet de fin (logo + fondu)
</Label>
</div>
<div className="flex items-center space-x-2 mt-4">
<Switch
id="tts-mode"