Universal Pictures Fanfare Audio Identifier

function processImage(originalImg, overrideResult = "Auto", scanColor = "#00ffcc", showWaveform = "yes") {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    const width = originalImg.width;
    const height = originalImg.height;
    
    canvas.width = width;
    canvas.height = height;

    // Draw the original image
    ctx.drawImage(originalImg, 0, 0);

    let fanfare = "Jerry Goldsmith Fanfare";
    
    if (overrideResult !== "Auto" && overrideResult.trim() !== "") {
        fanfare = overrideResult;
    } else {
        // Image Analysis to simulate detecting the logo era (1997 vs newer)
        try {
            const imgData = ctx.getImageData(0, 0, width, height).data;
            let rTone = 0, bTone = 0, brightness = 0;
            
            // Sample pixels to calculate average tone and brightness
            for (let i = 0; i < imgData.length; i += 16) {
                rTone += imgData[i];
                bTone += imgData[i + 2];
                brightness += 0.299 * imgData[i] + 0.587 * imgData[i + 1] + 0.114 * imgData[i + 2];
            }
            
            const pixelCount = imgData.length / 16;
            rTone /= pixelCount;
            bTone /= pixelCount;
            brightness /= pixelCount;

            // Simple pseudo-logic: Newer logos are typically brighter/more golden
            if (rTone > bTone * 0.95 || brightness > 85) {
                fanfare = "David Newman Fanfare";
            }
        } catch (e) {
            // Fallback in case of CORS restriction on getImageData
            if (Date.now() % 2 === 0) fanfare = "David Newman Fanfare";
        }
    }

    const confidence = (85 + (Math.random() * 14)).toFixed(1);
    
    // UI Layout Configuration
    const panelHeight = Math.max(120, height * 0.25);
    const panelY = height - panelHeight;

    // Draw Gradient Panel at the bottom
    const grad = ctx.createLinearGradient(0, panelY, 0, height);
    grad.addColorStop(0, 'rgba(0, 0, 0, 0)');
    grad.addColorStop(0.3, 'rgba(10, 15, 20, 0.7)');
    grad.addColorStop(1, 'rgba(10, 15, 20, 0.95)');
    ctx.fillStyle = grad;
    ctx.fillRect(0, panelY, width, panelHeight);

    // Draw Scanner Reticle in the middle of the image
    ctx.strokeStyle = 'rgba(255, 255, 255, 0.4)';
    ctx.lineWidth = Math.max(1, width * 0.003);
    const cx = width / 2;
    const cy = height / 2 - panelHeight / 2;
    const rSize = Math.max(30, Math.min(width, height) * 0.15);
    const cornerSize = rSize * 0.25;

    ctx.beginPath();
    // Top-left
    ctx.moveTo(cx - rSize, cy - rSize + cornerSize);
    ctx.lineTo(cx - rSize, cy - rSize);
    ctx.lineTo(cx - rSize + cornerSize, cy - rSize);
    // Top-right
    ctx.moveTo(cx + rSize - cornerSize, cy - rSize);
    ctx.lineTo(cx + rSize, cy - rSize);
    ctx.lineTo(cx + rSize, cy - rSize + cornerSize);
    // Bottom-left
    ctx.moveTo(cx - rSize, cy + rSize - cornerSize);
    ctx.lineTo(cx - rSize, cy + rSize);
    ctx.lineTo(cx - rSize + cornerSize, cy + rSize);
    // Bottom-right
    ctx.moveTo(cx + rSize - cornerSize, cy + rSize);
    ctx.lineTo(cx + rSize, cy + rSize);
    ctx.lineTo(cx + rSize, cy + rSize - cornerSize);
    ctx.stroke();
    
    // Reticle Central Crosshair
    ctx.beginPath();
    ctx.moveTo(cx - 10, cy);
    ctx.lineTo(cx + 10, cy);
    ctx.moveTo(cx, cy - 10);
    ctx.lineTo(cx, cy + 10);
    ctx.stroke();

    // Draw Animated-style Audio Waveform
    if (showWaveform.toLowerCase() === "yes") {
        ctx.strokeStyle = scanColor;
        ctx.lineWidth = Math.max(1, width * 0.002);
        ctx.lineCap = 'round';
        ctx.lineJoin = 'round';
        ctx.beginPath();
        
        const waveY = panelY + panelHeight * 0.5;
        const step = 4;
        const segments = Math.floor(width / step);
        
        for (let i = 0; i <= segments; i++) {
            const x = i * step;
            // Generate pseudo-random waveform patterns blending sine waves
            let amp = Math.sin(i * 0.1) * 0.5 + Math.cos(i * 0.25) * 0.3 + Math.sin(i * 0.05) * 0.2;
            amp += (Math.random() - 0.5) * 0.3; // Add subtle noise
            
            // Envelope function for smooth edge tapering
            const env = Math.sin((i / segments) * Math.PI);
            const finalAmp = amp * env * (panelHeight * 0.25) * (Math.random() * 0.3 + 0.7);

            ctx.moveTo(x, waveY - finalAmp);
            ctx.lineTo(x, waveY + finalAmp);
        }
        ctx.stroke();
    }

    // Process Text & Typography
    ctx.textAlign = 'center';
    ctx.textBaseline = 'middle';
    
    // Top Panel Label
    ctx.fillStyle = scanColor;
    ctx.font = `bold ${Math.max(12, width * 0.015)}px monospace`;
    ctx.fillText("AUDIO SIGNATURE ANALYSIS", cx, panelY + panelHeight * 0.15);

    // Main Identification Result
    ctx.fillStyle = "white";
    ctx.font = `bold ${Math.max(16, width * 0.025)}px Arial, sans-serif`;
    ctx.shadowBlur = 4;
    ctx.shadowColor = 'rgba(0, 0, 0, 1)';
    ctx.fillText(`MATCH: Universal Pictures - ${fanfare}`, cx, panelY + panelHeight * 0.75);
    ctx.shadowBlur = 0;

    // Technical HUD info text
    ctx.fillStyle = scanColor;
    ctx.font = `${Math.max(10, width * 0.012)}px monospace`;
    const peakFreq = Math.floor(Math.random() * 400 + 600);
    ctx.fillText(`CONFIDENCE: ${confidence}% | HARMONIC PEAK: ${peakFreq} Hz`, cx, panelY + panelHeight * 0.9);

    return canvas;
}