Video Platform Audio Track And Localization Metadata Screenshot Tool

function processImage(
    originalImg, 
    videoPlatform = "Video Platform Stream", 
    audioTrack = "Audio: Mono Track", 
    playerType = "DVDRip Player v1.0", 
    languageDub = "Language: English Dub", 
    translatorName = "Translator Group", 
    localizationText = "[Localization Text Inserted Here]", 
    byHifi = "By HIFI VHSRip Effects",
    vhsEffects = 1, 
    monoColor = 1
) {
    // Set up canvas sizes to match original image
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    const width = originalImg.width || 800;
    const height = originalImg.height || 600;
    canvas.width = width;
    canvas.height = height;
    
    // Draw original picture to canvas
    ctx.drawImage(originalImg, 0, 0, width, height);
    
    const imgData = ctx.getImageData(0, 0, width, height);
    const data = imgData.data;
    const temp = new Uint8ClampedArray(data);
    
    // Evaluate if the effects are manually toggled by user string inputs
    const applyMono = String(monoColor) === "1" || String(monoColor).toLowerCase() === "true";
    const applyVhs = String(vhsEffects) === "1" || String(vhsEffects).toLowerCase() === "true";
    
    // Ensure scaling logic for pixel shifts matches image resolution correctly
    const shiftX = applyVhs ? Math.max(2, Math.floor(width * 0.005)) : 0;
    const scanlineHeight = applyVhs ? Math.max(2, Math.floor(height * 0.003)) : 2;
    
    // Iterate over pixels for processing visual effects
    for (let y = 0; y < height; y++) {
        for (let x = 0; x < width; x++) {
            const i = (y * width + x) * 4;
            
            let r = temp[i];
            let g = temp[i+1];
            let b = temp[i+2];
            
            // 1. Mono Color Effect
            if (applyMono) {
                const lum = r * 0.299 + g * 0.587 + b * 0.114;
                r = g = b = lum;
            }
            
            // 2. HIFI VHSRip Effects (RGB offset, scanlines, noise pattern)
            if (applyVhs) {
                // Shift Red signal leftward
                if (x >= shiftX) {
                    let shiftedR = temp[i - shiftX * 4];
                    if (applyMono) {
                        shiftedR = temp[i - shiftX * 4] * 0.299 
                                 + temp[i - shiftX * 4 + 1] * 0.587 
                                 + temp[i - shiftX * 4 + 2] * 0.114;
                    }
                    r = shiftedR;
                }
                
                // Shift Blue signal rightward
                if (x < width - shiftX) {
                    let shiftedB = temp[i + shiftX * 4 + 2];
                    if (applyMono) {
                        shiftedB = temp[i + shiftX * 4] * 0.299 
                                 + temp[i + shiftX * 4 + 1] * 0.587 
                                 + temp[i + shiftX * 4 + 2] * 0.114;
                    }
                    b = shiftedB;
                }
                
                // Add Retro CRT Scanline darkening
                if (y % (scanlineHeight * 2) < scanlineHeight) {
                    r *= 0.85;
                    g *= 0.85;
                    b *= 0.85;
                }
                
                // Add Video Noise/Static Grime
                const noise = (Math.random() - 0.5) * 35;
                r += noise;
                g += noise;
                b += noise;
            }
            
            // Assign clamped colors back
            data[i] = Math.min(255, Math.max(0, r));
            data[i+1] = Math.min(255, Math.max(0, g));
            data[i+2] = Math.min(255, Math.max(0, b));
        }
    }
    
    // Commit the pixel manipulations back to our current canvas
    ctx.putImageData(imgData, 0, 0);
    
    // 3. Render Metadata Layout Tool Text Options
    const fontSizeSmall = Math.max(12, Math.floor(height * 0.035));
    const fontSizeLarge = Math.max(16, Math.floor(height * 0.05));
    
    function drawStr(text, x, y, size, align, baseline, color='#ffffff') {
        if (!text) return;
        ctx.font = `bold ${size}px "Courier New", Courier, monospace`;
        ctx.textAlign = align;
        ctx.textBaseline = baseline;
        
        // Solid black outline for typical 90s OSD video player viewability
        ctx.fillStyle = '#000000';
        const outlineSize = Math.max(1, Math.floor(size * 0.08));
        
        ctx.fillText(text, x + outlineSize, y + outlineSize);
        ctx.fillText(text, x - outlineSize, y - outlineSize);
        ctx.fillText(text, x + outlineSize, y - outlineSize);
        ctx.fillText(text, x - outlineSize, y + outlineSize);
        
        ctx.fillText(text, x, y + outlineSize);
        ctx.fillText(text, x, y - outlineSize);
        ctx.fillText(text, x + outlineSize, y);
        ctx.fillText(text, x - outlineSize, y);
        
        ctx.fillStyle = color;
        ctx.fillText(text, x, y);
    }
    
    const layoutPadding = Math.max(10, Math.floor(width * 0.02));
    
    // Top Left: Display the player tracking marker & type of player simulation
    drawStr(`[PLAY ▶] ${playerType}`, layoutPadding, layoutPadding, fontSizeSmall, 'left', 'top', '#00ffcc');
    
    // Top Right: Platform Name & Rip source group text
    drawStr(`${videoPlatform} | ${byHifi}`, width - layoutPadding, layoutPadding, fontSizeSmall, 'right', 'top', '#00ffcc');
    
    // Center Bottom (Pushed up slightly): Simulated Subtitle Output
    const subPosVertical = height - layoutPadding - fontSizeSmall - layoutPadding;
    drawStr(localizationText, width / 2, subPosVertical, fontSizeLarge, 'center', 'bottom', '#FFFF00');
    
    // Bottom Left Metadata: Audio settings & Language details
    drawStr(`${audioTrack} / ${languageDub}`, layoutPadding, height - layoutPadding, fontSizeSmall, 'left', 'bottom');
    
    // Bottom Right Metadata: Assigned Translator
    drawStr(`Translator: ${translatorName}`, width - layoutPadding, height - layoutPadding, fontSizeSmall, 'right', 'bottom');
    
    return canvas;
}