🎬 Video Studio - Aportaciones Adicionales y Consideraciones

Complemento a: VIDEO_STUDIO_ARCHITECTURE.md
Fecha: 28 Enero 2026

🧠 Aportaciones del Análisis

1. El "Efecto Netflix" - Consistencia Narrativa

Algo que no se menciona en el documento original pero es crítico: el video necesita una narrativa cohesiva. No basta con animar imágenes individuales.

Propuesta: "Story Director AI"

Antes de generar movimiento, una IA analiza TODAS las escenas y genera:

const storyDirector = {
    // Análisis global del contenido
    narrative: {
        mood: "inspirational",        // tono general
        pacing: "medium",             // ritmo: slow, medium, fast
        peakMoments: [3, 7, 11],      // escenas que deben ser AI Video
        transitionSuggestions: [...]   // qué transiciones usar
    },
    
    // Movimientos coherentes por escena
    motionPlan: [
        { scene: 1, motion: "zoom_out", reason: "establecer contexto" },
        { scene: 2, motion: "pan_right", reason: "seguir dirección de lectura" },
        { scene: 3, motion: "ai_video", reason: "momento de impacto emocional" },
        // ...
    ],
    
    // Evitar repetición
    rules: [
        "No repetir el mismo efecto 3 veces seguidas",
        "AI Video solo en momentos de alto impacto",
        "Alternar dirección de panes"
    ]
};

2. El Problema del "Uncanny Valley" en Video AI

Las APIs de ITV actuales (Luma, Runway) generan videos de 4-8 segundos, pero:

• Los movimientos a veces "flotan" (no hay peso físico)
• Las transiciones entre AI Video y Ken Burns pueden ser jarring
• Los loops son obvios

Propuesta: "Motion Blending"

┌─────────────────────────────────────────────────────────────────────┐
│  MOTION BLENDING - Suavizar transiciones                           │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  [Escena Ken Burns] → [Fade 0.5s] → [AI Video] → [Fade 0.5s] →     │
│                                                                     │
│  En lugar de corte directo:                                         │
│  • Fade out del último frame Ken Burns                              │
│  • Fade in del primer frame AI Video                                │
│  • El AI Video empieza con poco movimiento y acelera                │
│  • Termina desacelerando hacia imagen estática                      │
│                                                                     │
│  Esto oculta el "salto" entre técnicas diferentes                   │
└─────────────────────────────────────────────────────────────────────┘

3. Smart Prompting para ITV

El prompt de movimiento es crucial. Propongo un sistema que genera prompts optimizados:

const motionPromptTemplates = {
    // Por tipo de contenido
    portrait: [
        "Subtle smile forms, eyes blink naturally, gentle head tilt",
        "Soft breathing motion, slight shoulder movement, ambient light shift",
        "Hair gently moves as if touched by breeze, serene expression"
    ],
    landscape: [
        "Slow camera push in, clouds drift overhead, atmospheric haze",
        "Gentle parallax drift, leaves rustle in wind, light rays shift",
        "Cinematic pan right revealing depth, dust particles float"
    ],
    action: [
        "Dynamic camera following motion, energy builds, fabric ripples",
        "Quick zoom in on subject, ambient motion blur, dramatic lighting"
    ],
    
    // Por emoción (detectada del texto)
    emotional: {
        joy: "warm light intensifies, subtle smile widens, eyes sparkle",
        tension: "slow dramatic zoom, shadows deepen, stillness before storm",
        sadness: "gentle rain drops, muted colors shift, slow melancholic drift"
    }
};

function generateMotionPrompt(scene, context) {
    const imageType = detectImageType(scene.image); // portrait, landscape, etc.
    const emotion = detectEmotion(scene.audio.text);
    
    return combinePrompts(
        motionPromptTemplates[imageType],
        motionPromptTemplates.emotional[emotion],
        `Duration: ${scene.timing.duration}s, seamless loop end`
    );
}

4. Audio-Driven Motion Sync

Idea innovadora: Sincronizar el movimiento con el audio.

const audioAnalysis = {
    // Análisis del TTS o música
    beats: [0.5, 1.2, 2.8, 4.1],     // momentos de énfasis
    silences: [[3.2, 3.8]],          // pausas dramáticas
    crescendo: [[6.0, 8.5]],         // subida de intensidad
    
    // Mapeo a motion
    motionSync: {
        onBeat: "slight_zoom_pulse",      // mini zoom en cada beat
        onSilence: "hold_still",          // pausar movimiento
        onCrescendo: "accelerate_motion"  // intensificar
    }
};

5. Caché Inteligente de AI Videos

Generar video AI es caro. Propongo un sistema de caché:

// Si alguien ya generó un video para una imagen similar...
const videoCache = {
    // Hash de la imagen + prompt similar = reutilizar
    async checkCache(imageHash, motionPrompt) {
        const similar = await findSimilarVideos(imageHash, motionPrompt, 0.85);
        if (similar) {
            return { 
                videoUrl: similar.url, 
                cost: 0, 
                source: 'cache' 
            };
        }
        return null;
    },
    
    // Biblioteca de "stock motions" pre-generados
    stockMotions: {
        "generic_zoom_in": "https://cdn.../stock/zoom_in.mp4",
        "generic_pan_right": "https://cdn.../stock/pan_right.mp4",
        // Estos se superponen con blend sobre cualquier imagen
    }
};

🔧 Consideraciones Técnicas Adicionales

6. El Problema de FFmpeg en Cloudflare

FFmpeg en Workers tiene limitaciones serias:

• No hay binario nativo de ffmpeg en Workers
• El tiempo de ejecución está limitado
• La memoria está limitada

Alternativas reales:

Mi recomendación para v1: Empezar con Creatomate o Shotstack para MVP, migrar a solución propia después.

7. Formatos de Salida Inteligentes

No solo 16:9 y 9:16. El sistema debería auto-recortar de forma inteligente:

const smartCrop = {
    // Detectar punto focal de la imagen (cara, objeto principal)
    focalPoint: await detectFocalPoint(image),
    
    // Generar múltiples crops desde una sola fuente
    outputs: {
        youtube: { ratio: "16:9", crop: "center", focalAware: true },
        reels: { ratio: "9:16", crop: "focal_center", focalAware: true },
        square: { ratio: "1:1", crop: "focal_center", focalAware: true },
        thumbnail: { ratio: "16:9", frame: "best_frame", static: true }
    }
};

8. Subtítulos con Estilo

Los subtítulos genéricos aburren. Propongo estilos animados:

const subtitleStyles = {
    minimal: {
        font: "Inter",
        position: "bottom",
        animation: "fade_word_by_word"
    },
    
    tiktok: {
        font: "Montserrat Bold",
        position: "center",
        animation: "pop_scale",
        highlight: "current_word", // palabra actual resaltada
        colors: ["#fff", "#ffcc00"]
    },
    
    documentary: {
        font: "Playfair Display",
        position: "bottom_left",
        animation: "typewriter",
        background: "gradient_dark"
    },
    
    // Basado en el preset
    presetBased: (preset) => {
        if (preset.includes('tech')) return subtitleStyles.minimal;
        if (preset.includes('motivacional')) return subtitleStyles.tiktok;
        return subtitleStyles.documentary;
    }
};

📊 Métricas de Calidad

9. Quality Score Automático

Antes de renderizar, analizar calidad:

const qualityCheck = {
    async analyze(project) {
        return {
            // Diversidad de motion
            motionVariety: this.checkMotionVariety(project.scenes),
            
            // No hay escenas muy largas sin cambio
            pacingScore: this.checkPacing(project.scenes),
            
            // Audio sincronizado correctamente
            audioSync: this.checkAudioSync(project.scenes),
            
            // Resolución de imágenes suficiente
            imageQuality: this.checkImageResolution(project.scenes),
            
            // Score total
            overallScore: 87, // 0-100
            
            // Sugerencias de mejora
            suggestions: [
                "Escena 5 tiene 45s sin cambio - considera dividirla",
                "3 escenas consecutivas usan zoom_in - varía el movimiento",
                "Imagen en escena 8 tiene baja resolución (720p)"
            ]
        };
    }
};

🚀 Quick Wins para v1

Si quieres algo funcional rápido, este es el MVP mínimo:

MVP (1 semana)

1. Editor básico con lista de escenas importadas de Blog/Audiobook
2. Ken Burns CSS con 4 efectos (zoom in/out, pan left/right)
3. Preview en navegador con transiciones fade
4. Export como "slideshow" usando Creatomate API (o similar)

v1.1 (+ 2 semanas)

5. Depth map para parallax
6. Timeline interactivo
7. Ajustes de timing por escena

v1.2 (+ 3 semanas)

8. Integración Luma Dream Machine (AI Video)
9. Sistema de créditos
10. Visor público

🎯 Decisiones Pendientes

1. ¿Proveedor de composición? Shotstack vs Creatomate vs Custom
2. ¿Proveedor principal de ITV? Luma vs Runway vs múltiple
3. ¿Límite de duración v1? 2 min vs 5 min
4. ¿Música de fondo? Librería propia vs integración con servicios
5. ¿Watermark en plan free? Sí/No

📝 Siguiente Paso Inmediato

Si quieres empezar ya, te recomiendo:

1. Crear el archivo video.js con la estructura base (estado, UI skeleton)
2. Añadir tab "Video" en la UI junto a Blog/Audiobook
3. Implementar importación de escenas desde Blog/Audiobook
4. Ken Burns básico con CSS animations
5. Probar una composición con Creatomate (tienen free tier)

¿Quieres que empecemos con el código del módulo video.js?