feat(reels): interrupteur « Afficher le logo sur la vidéo »

Le petit logo affiché pendant la vidéo devient optionnel (activé par
défaut), sur les 4 pages Reel (vidéo et images, bureau et mobile) ainsi que
dans l'aperçu. Le grand logo de l'effet de fin reste piloté par son propre
interrupteur. Pris en charge par le rendu Remotion et par le rendu FFmpeg de
secours (show_watermark).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018Ze4bs7tpF1KGWUk6ZZSZ4

server/routes/remotion.ts

@@ -75,6 +75,7 @@ remotionRouter.post("/render", upload.fields([{ name: "images", maxCount: 4 }, {
       ttsVoice: req.body.ttsVoice,
       ttsStyle: req.body.ttsStyle || undefined,
       captionStyle: req.body.captionStyle || undefined,
+      showLogo: req.body.showLogo !== "false",
       storeName: await resolveStoreName(user.id, req.body.selectedPageId),
       tempFiles: uploaded.map((f) => f.path),
     });

server/services/ffmpeg.ts

@@ -36,6 +36,8 @@ export interface ReelRenderOptions {
     watermarkUrl?: string;
     storeName?: string;
     enableEndingEffect?: boolean;
+    /** Petit logo pendant la vidéo (le grand logo de fin dépend de enableEndingEffect). */
+    showLogo?: boolean;
 }
 
 export interface ReelRenderResult {
@@ -143,6 +145,7 @@ export class FFmpegService {
             watermark_url: options.watermarkUrl,
             store_name: options.storeName,
             enable_ending_effect: options.enableEndingEffect ?? true,
+            show_watermark: options.showLogo ?? true,
         };
 
         console.log('🎬 Rendu du Reel :', {

server/services/reels/imagesPipeline.ts

@@ -75,6 +75,7 @@ export async function runImagesReelJob({ job, progress }: JobContext): Promise<I
         musicUrl,
         musicVolume: params.musicVolume,
         logoUrl,
+        showWatermark: params.showLogo,
         storeName,
         endingSeconds,
       },

server/services/reels/videoPipeline.ts

@@ -61,6 +61,7 @@ export async function runVideoReelJob({ job, progress }: JobContext) {
     stabilize: params.stabilize,
     storeName: params.storeName,
     enableEndingEffect: params.enableEndingEffect,
+    showLogo: params.showLogo,
   };
 
   const renderer = configuredRenderer();
@@ -98,9 +99,11 @@ async function renderWithFfmpeg(
   progress: JobContext["progress"],
 ): Promise<Buffer> {
   await progress(15, "render");
+  // Le logo sert au coin de la vidéo et/ou à l'effet de fin : inutile de l'envoyer si aucun des deux
+  const logoUsed = Boolean(logoPath) && (options.showLogo !== false || options.enableEndingEffect !== false);
   const rendered = await ffmpegService.renderReel(videoUrl, {
     ...options,
-    watermarkUrl: logoPath ? resolveInternalUrl(logoPath) : undefined,
+    watermarkUrl: logoUsed && logoPath ? resolveInternalUrl(logoPath) : undefined,
   });
   return rendered.video;
 }
@@ -133,6 +136,7 @@ async function renderWithRemotion(
         words: prepared.words,
         captionStyle: params.captionStyle,
         logoUrl: logoPath ? await toDataUrl(logoPath) : undefined,
+        showWatermark: params.showLogo,
         storeName: params.enableEndingEffect ? params.storeName : undefined,
         logoStart: prepared.logoStart,
         fadeStart: params.enableEndingEffect ? Math.max(0, prepared.totalDuration - FADE_SECONDS) : null,