@lee-jisoo/n8n-nodes-mediafx 1.6.1 → 1.6.2

package/CHANGELOG.md

@@ -0,0 +1,65 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.6.0] - 2025-01-25
+
+### Added
+- **Speed operation**: Adjust video playback speed (slow motion or fast forward)
+  - Support speed range from 0.25x to 4x
+  - Option to adjust audio speed along with video
+  - Option to maintain original audio pitch when changing speed
+  - Output format selection (MP4, MOV, AVI, MKV)
+
+### Fixed
+- **addSubtitle operation**: Fixed subtitle display issue with slideshow/image-sequence videos
+  - Changed from `drawtext` filter chain to `subtitles` filter
+  - The `drawtext` filter's `enable='between(t,X,Y)'` condition was unreliable with image-sequence videos
+  - Now uses FFmpeg's native SRT parsing which handles timing correctly
+  - Added ASS/SSA style support for better subtitle formatting
+
+## [1.5.0] - 2025-01-20
+
+### Added
+- **Overlay Video operation**: Overlay a video on top of another video as a layer
+
+## [1.4.0] - 2025-01-13
+
+### Added
+- **Customizable output field names**: Users can now specify custom binary output field names for all media operations
+  - Added "Output Field Name" option to Video, Audio, Image, and Text/Subtitle resources
+  - Default field name remains "data" for backward compatibility
+  - Allows better organization when chaining multiple MediaFX nodes in workflows
+
+### Fixed
+- **Merge node compatibility**: Improved binary data handling when using n8n's Merge node
+  - Automatically detects binary properties in merged items (data1, data2, etc.)
+  - Searches both current item and first item for binary data
+  - Enhanced error messages with available properties list
+- **Video transition resolution handling**: Fixed concat filter errors with different video resolutions
+  - Automatically scales all videos to common resolution before transitions
+  - Maintains aspect ratio with padding when needed
+  - Ensures compatibility with FFmpeg 4.4 and earlier versions
+
+### Changed
+- Updated MediaFX.node.ts to use dynamic output field names based on user configuration
+- Improved Binary Property field descriptions in UI with Merge node usage guidance
+- Enhanced error messages for better debugging of binary data issues
+
+## [1.3.2] - Previous Release
+
+### Fixed
+- Resolved parameter issues in Video operations
+
+## [1.3.1] - Previous Release
+
+### Fixed
+- Restored missing mixAudio operation for Audio resource
+
+## [1.3.0] - Previous Release
+
+### Added
+- Improved resource and action naming for better UX

package/dist/nodes/MediaFX/operations/addSubtitle.js

@@ -31,78 +31,112 @@ const ffmpeg = require("fluent-ffmpeg");
 const utils_1 = require("../utils");
 /**
  * Escape special characters in file path for FFmpeg subtitles filter.
- * FFmpeg subtitles filter requires escaping: \ : [ ] '
  */
 function escapeSubtitlePath(filePath) {
     return filePath
-        .replace(/\\/g, '\\\\\\\\') // Backslash (Windows paths)
-        .replace(/:/g, '\\:') // Colon
-        .replace(/\[/g, '\\[') // Square brackets
+        .replace(/\\/g, '\\\\\\\\')
+        .replace(/:/g, '\\:')
+        .replace(/\[/g, '\\[')
         .replace(/\]/g, '\\]')
-        .replace(/'/g, "\\'"); // Single quote
+        .replace(/'/g, "\\'");
 }
 /**
- * Build ASS/SSA style string for subtitles filter force_style option.
- * This converts our style options to FFmpeg's force_style format.
+ * Convert color to ASS format (&HAABBGGRR)
+ * @param color - CSS color (hex #RRGGBB or named color)
+ * @param opacity - Opacity 0-1 (0=transparent, 1=solid)
  */
-function buildForceStyle(fontName, fontSize, fontColor, horizontalAlign, verticalAlign, marginV) {
-    // Convert color from CSS format to ASS format (AABBGGRR)
-    // Default white = &H00FFFFFF
-    let assColor = '&H00FFFFFF';
-    if (fontColor && fontColor.startsWith('#') && fontColor.length === 7) {
-        // Convert #RRGGBB to &H00BBGGRR (ASS uses BGR order with alpha prefix)
-        const r = fontColor.substring(1, 3);
-        const g = fontColor.substring(3, 5);
-        const b = fontColor.substring(5, 7);
-        assColor = `&H00${b}${g}${r}`.toUpperCase();
-    }
-    else if (fontColor === 'white') {
-        assColor = '&H00FFFFFF';
-    }
-    else if (fontColor === 'black') {
-        assColor = '&H00000000';
-    }
-    else if (fontColor === 'yellow') {
-        assColor = '&H0000FFFF';
-    }
-    else if (fontColor === 'red') {
-        assColor = '&H000000FF';
-    }
-    // Alignment mapping for ASS (numpad style)
-    // 1=bottom-left, 2=bottom-center, 3=bottom-right
-    // 4=middle-left, 5=middle-center, 6=middle-right
-    // 7=top-left, 8=top-center, 9=top-right
-    let alignment = 2; // default: bottom-center
-    if (verticalAlign === 'top') {
-        alignment = horizontalAlign === 'left' ? 7 : horizontalAlign === 'right' ? 9 : 8;
-    }
-    else if (verticalAlign === 'middle') {
-        alignment = horizontalAlign === 'left' ? 4 : horizontalAlign === 'right' ? 6 : 5;
+function colorToASS(color, opacity = 1) {
+    let r = 'FF', g = 'FF', b = 'FF';
+    if (color && color.startsWith('#') && color.length === 7) {
+        r = color.substring(1, 3);
+        g = color.substring(3, 5);
+        b = color.substring(5, 7);
     }
     else {
-        // bottom (default)
-        alignment = horizontalAlign === 'left' ? 1 : horizontalAlign === 'right' ? 3 : 2;
+        const namedColors = {
+            white: 'FFFFFF',
+            black: '000000',
+            red: 'FF0000',
+            green: '00FF00',
+            blue: '0000FF',
+            yellow: 'FFFF00',
+            cyan: '00FFFF',
+            magenta: 'FF00FF',
+            orange: 'FFA500',
+        };
+        const hex = namedColors[color.toLowerCase()] || 'FFFFFF';
+        r = hex.substring(0, 2);
+        g = hex.substring(2, 4);
+        b = hex.substring(4, 6);
     }
-    const styleParams = [
-        `FontName=${fontName}`,
-        `FontSize=${fontSize}`,
-        `PrimaryColour=${assColor}`,
-        `OutlineColour=&H00000000`,
-        `BackColour=&H80000000`,
-        `Bold=0`,
-        `Italic=0`,
-        `BorderStyle=4`,
-        `Outline=1`,
-        `Shadow=0`,
-        `Alignment=${alignment}`,
-        `MarginV=${marginV}`,
-    ];
-    return styleParams.join(',');
+    // ASS format: &HAABBGGRR (AA = alpha, 00=solid, FF=transparent)
+    const alpha = Math.round((1 - opacity) * 255).toString(16).padStart(2, '0').toUpperCase();
+    return `&H${alpha}${b}${g}${r}`.toUpperCase();
 }
-async function executeAddSubtitle(video, subtitleFile, style, itemIndex) {
+/**
+ * Get ASS alignment number (numpad style)
+ */
+function getASSAlignment(horizontalAlign, verticalAlign) {
     var _a, _b;
+    const alignMap = {
+        top: { left: 7, center: 8, right: 9 },
+        middle: { left: 4, center: 5, right: 6 },
+        bottom: { left: 1, center: 2, right: 3 },
+    };
+    return (_b = (_a = alignMap[verticalAlign]) === null || _a === void 0 ? void 0 : _a[horizontalAlign]) !== null && _b !== void 0 ? _b : 2;
+}
+/**
+ * Parse SRT file and convert to ASS format
+ */
+function convertSRTtoASS(srtContent, fontName, fontSize, primaryColor, outlineColor, outlineWidth, backgroundColor, backgroundOpacity, enableBackground, alignment, marginV) {
+    // ASS Header
+    const borderStyle = enableBackground ? 4 : 1; // 4=box, 1=outline+shadow
+    const backColor = colorToASS(backgroundColor, backgroundOpacity);
+    const assHeader = `[Script Info]
+Title: Converted from SRT
+ScriptType: v4.00+
+PlayResX: 1920
+PlayResY: 1080
+WrapStyle: 0
+
+[V4+ Styles]
+Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
+Style: Default,${fontName},${fontSize},${primaryColor},${primaryColor},${outlineColor},${backColor},0,0,0,0,100,100,0,0,${borderStyle},${outlineWidth},0,${alignment},20,20,${marginV},1
+
+[Events]
+Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
+`;
+    // Parse SRT content
+    const srtBlocks = srtContent.trim().split(/\n\s*\n/);
+    const dialogueLines = [];
+    for (const block of srtBlocks) {
+        const lines = block.trim().split('\n');
+        if (lines.length < 3)
+            continue;
+        // Parse timestamp line (format: 00:00:00,000 --> 00:00:00,000)
+        const timestampLine = lines[1];
+        const timestampMatch = timestampLine.match(/(\d{2}):(\d{2}):(\d{2})[,.](\d{3})\s*-->\s*(\d{2}):(\d{2}):(\d{2})[,.](\d{3})/);
+        if (!timestampMatch)
+            continue;
+        const startTime = `${timestampMatch[1]}:${timestampMatch[2]}:${timestampMatch[3]}.${timestampMatch[4].substring(0, 2)}`;
+        const endTime = `${timestampMatch[5]}:${timestampMatch[6]}:${timestampMatch[7]}.${timestampMatch[8].substring(0, 2)}`;
+        // Get text (lines 3+)
+        const text = lines.slice(2).join('\\N').replace(/\r/g, '');
+        dialogueLines.push(`Dialogue: 0,${startTime},${endTime},Default,,0,0,0,,${text}`);
+    }
+    return assHeader + dialogueLines.join('\n');
+}
+/**
+ * Check if file is ASS/SSA format
+ */
+function isASSFile(filePath) {
+    const ext = path.extname(filePath).toLowerCase();
+    return ext === '.ass' || ext === '.ssa';
+}
+async function executeAddSubtitle(video, subtitleFile, style, itemIndex) {
+    var _a, _b, _c, _d;
     const outputPath = (0, utils_1.getTempFile)(path.extname(video));
-    // 1. Get Font from fontKey
+    // 1. Get Font
     const allFonts = (0, utils_1.getAvailableFonts)();
     const fontKey = style.fontKey || 'noto-sans-kr';
     const font = allFonts[fontKey];
@@ -112,7 +146,12 @@ async function executeAddSubtitle(video, subtitleFile, style, itemIndex) {
     const fontName = font.name || 'Sans';
     const fontSize = style.size || 48;
     const fontColor = style.color || 'white';
-    // 2. Handle position based on position type
+    const outlineWidth = (_a = style.outlineWidth) !== null && _a !== void 0 ? _a : 1;
+    const outlineColor = style.outlineColor || 'black';
+    const enableBackground = (_b = style.enableBackground) !== null && _b !== void 0 ? _b : false;
+    const backgroundColor = style.backgroundColor || 'black';
+    const backgroundOpacity = (_c = style.backgroundOpacity) !== null && _c !== void 0 ? _c : 0.5;
+    // 2. Get alignment
     const positionType = style.positionType || 'alignment';
     let horizontalAlign = 'center';
     let verticalAlign = 'bottom';
@@ -120,15 +159,27 @@ async function executeAddSubtitle(video, subtitleFile, style, itemIndex) {
     if (positionType === 'alignment') {
         horizontalAlign = style.horizontalAlign || 'center';
         verticalAlign = style.verticalAlign || 'bottom';
-        marginV = (_b = (_a = style.paddingY) !== null && _a !== void 0 ? _a : style.padding) !== null && _b !== void 0 ? _b : 20;
+        marginV = (_d = style.paddingY) !== null && _d !== void 0 ? _d : 20;
+    }
+    const alignment = getASSAlignment(horizontalAlign, verticalAlign);
+    // 3. Prepare subtitle file
+    let finalSubtitlePath = subtitleFile;
+    let tempAssFile = null;
+    if (isASSFile(subtitleFile)) {
+        // ASS file: use directly (ignore style options)
+        finalSubtitlePath = subtitleFile;
     }
-    // 3. Build force_style for subtitles filter
-    const forceStyle = buildForceStyle(fontName, fontSize, fontColor, horizontalAlign, verticalAlign, marginV);
-    // 4. Escape subtitle file path for FFmpeg
-    const escapedSubtitlePath = escapeSubtitlePath(subtitleFile);
-    // 5. Build subtitles filter (much more reliable than drawtext chain)
-    // Using subtitles filter processes the entire SRT file at once
-    const subtitlesFilter = `subtitles='${escapedSubtitlePath}':force_style='${forceStyle}'`;
+    else {
+        // SRT file: convert to ASS with styles
+        const srtContent = await fs.readFile(subtitleFile, 'utf-8');
+        const assContent = convertSRTtoASS(srtContent, fontName, fontSize, colorToASS(fontColor, 1), colorToASS(outlineColor, 1), outlineWidth, backgroundColor, backgroundOpacity, enableBackground, alignment, marginV);
+        tempAssFile = (0, utils_1.getTempFile)('.ass');
+        await fs.writeFile(tempAssFile, assContent, 'utf-8');
+        finalSubtitlePath = tempAssFile;
+    }
+    // 4. Build FFmpeg command
+    const escapedPath = escapeSubtitlePath(finalSubtitlePath);
+    const subtitlesFilter = `subtitles='${escapedPath}'`;
     const command = ffmpeg(video)
         .videoFilters([subtitlesFilter])
         .audioCodec('copy')
@@ -138,9 +189,14 @@ async function executeAddSubtitle(video, subtitleFile, style, itemIndex) {
         return outputPath;
     }
     catch (error) {
-        // Clean up output file if creation failed
         await fs.remove(outputPath).catch(() => { });
         throw new n8n_workflow_1.NodeOperationError(this.getNode(), `Error adding subtitles to video. FFmpeg error: ${error.message}`, { itemIndex });
     }
+    finally {
+        // Clean up temp ASS file
+        if (tempAssFile) {
+            await fs.remove(tempAssFile).catch(() => { });
+        }
+    }
 }
 exports.executeAddSubtitle = executeAddSubtitle;

package/dist/nodes/MediaFX/properties/subtitle.properties.js

@@ -178,6 +178,61 @@ exports.subtitleProperties = [
         },
         description: 'Width of the text border/outline',
     },
+    {
+        displayName: 'Outline Color',
+        name: 'outlineColor',
+        type: 'string',
+        default: 'black',
+        displayOptions: {
+            show: {
+                resource: ['subtitle'],
+            },
+        },
+        description: 'Color of the text outline (e.g., black, #000000)',
+    },
+    {
+        displayName: 'Enable Background Box',
+        name: 'enableBackground',
+        type: 'boolean',
+        default: false,
+        displayOptions: {
+            show: {
+                resource: ['subtitle'],
+            },
+        },
+        description: 'Whether to show a background box behind the text',
+    },
+    {
+        displayName: 'Background Color',
+        name: 'backgroundColor',
+        type: 'string',
+        default: 'black',
+        displayOptions: {
+            show: {
+                resource: ['subtitle'],
+                enableBackground: [true],
+            },
+        },
+        description: 'Color of the background box (e.g., black, #000000)',
+    },
+    {
+        displayName: 'Background Opacity',
+        name: 'backgroundOpacity',
+        type: 'number',
+        typeOptions: {
+            minValue: 0,
+            maxValue: 1,
+            numberStepSize: 0.1,
+        },
+        default: 0.5,
+        displayOptions: {
+            show: {
+                resource: ['subtitle'],
+                enableBackground: [true],
+            },
+        },
+        description: 'Opacity of the background box (0 = transparent, 1 = solid)',
+    },
     // ===================
     // POSITION OPTIONS
     // ===================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lee-jisoo/n8n-nodes-mediafx",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "N8N custom nodes for video editing and media processing (Enhanced fork with Speed control and Subtitle fixes)",
   "license": "MIT",
   "author": {