[FEATURE] Display upload requirements and supported file limitations before video upload

[Roopathanushree]

Feature Description
Currently, users can upload video files directly, but the interface does not clearly communicate upload requirements and processing limitations before the upload begins.

Problem

When uploads or exports fail, users may not know whether the issue is related to:

• Maximum supported file size
• Unsupported video formats
• Unsupported codecs
• Browser memory limitations
• Processing limitations of FFmpeg.wasm

This can lead to confusion and unnecessary trial-and-error.

Proposed Solution

Add a dedicated information section near the upload area that clearly displays:

• Maximum supported file size
• Supported video formats
• Supported codecs (if applicable)
• Browser processing limitations
• Recommended file specifications for smoother exports

Optionally, a tooltip or help icon can provide additional details.

Benefits

• Improves user experience for first-time users
• Reduces confusion during upload and export
• Helps users understand platform limitations before processing starts
• May reduce duplicate support and bug reports related to upload/export failures

Additional Context

While testing the application, it was difficult to determine whether export failures were caused by file size, format limitations, browser constraints, or processing limitations. Displaying these requirements upfront would make the workflow more transparent.

I would be interested in working on this enhancement and would be happy to submit a PR if the maintainers think this would be a useful addition to the project.

[github-actions]

👋 Thanks for opening an issue, @Roopathanushree!

Our maintainers will review this shortly 🚀

Before you start working

• 📖 Read the CONTRIBUTING.md guide
• 💬 Wait for a maintainer to assign you the issue before starting work
• 🔍 Search for existing issues to avoid duplicates

For GSSoC'26 contributors

If you're contributing under GirlScript Summer of Code 2026, please mention it in your comment when requesting assignment:

"I'd like to work on this — contributing under GSSoC'26"

Architecture notes

Reframe is a static Next.js app with output: "export". Key points:

• All video processing uses FFmpeg.wasm (client-side, no server)
• headers() in next.config.ts won't work — use vercel.json instead
• not-found.tsx requires public/404.html + vercel.json routes config

Happy contributing! ⭐ Star the repo if you find it useful!

[Roopathanushree]

I'd like to work on this — contributing under GSSoC'26

[Harshwardhan-1]

Hi @maintainers,

I'd like to work on this enhancement and contribute a solution for displaying upload requirements and supported file limitations before video upload.

I believe this feature will improve the user experience by providing clear information about supported formats, file size limits, codecs, and browser processing constraints before users start uploading files.

I'd like to work on this — contributing under GSSoC'26.

Could you please assign this issue to me?

Thank you!