Skip to content

[BUG]Image overlay not visible in preview window #811

@Devangee20

Description

@Devangee20

Bug description
Image overlays added during the editing process fail to render in the live preview window. The overlay is correctly applied and visible only in the final exported file, making it impossible to adjust the position, size, or opacity of the overlay during the editing process.

Steps to reproduce

1)Open the Reframe tool and upload a video file.

2)Navigate to the "Image Overlay" section in the settings panel.

3)Upload an image to be used as an overlay.

4)Adjust the position (e.g., BR), size (e.g., Small), and opacity (e.g., 60%).

5)Observe the main video preview window.

6)Click "Export" and download the final video.

Expected behavior
The image overlay should be visible in the preview window in real-time as adjustments (position, size, opacity) are being made, reflecting exactly how it will look in the final export.

Actual behavior
The preview window does not display the image overlay at all during editing. The overlay only appears in the downloaded output file.

Browser and OS info
OS: [Insert your OS, e.g., Windows 11, macOS 14]
Browser: [Insert your browser, e.g., Chrome, Firefox, Edge]
Version: [Insert browser version]

Screenshots/screen recording

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working correctlygssoc'26GirlScript Summer of Code 2026level:beginnerBeginner level - 20 ptstype:bugBug fix

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions