mirror of
https://github.com/R0m1k3/Socialflow.git
synced 2026-10-15 11:18:54 +02:00
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:
1 parent
ae0048a6e1
commit
3a5acd425c
5 files changed
+42
-2
No files matched your search
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in new issue
Block a user