[FEATURE] Smart Auto-Optimization Mode for Export Settings

[Hrithik-ui753]

Feature Description

Introduce a "Smart Auto-Optimization Mode" that automatically suggests optimal export settings (format, resolution, CRF, aspect ratio) based on the uploaded video and intended platform.

This feature aims to simplify the editing process, especially for beginners who are unfamiliar with video encoding settings.

---

Problem this Solves

Currently, users must manually configure export settings such as format, quality (CRF), and resolution. This can be confusing, particularly for beginners, leading to:

• Incorrect format selection
• Poor quality exports
• Unnecessarily large file sizes
• Trial-and-error frustration

---

Proposed Solution

Add a "Smart Mode" toggle in the editor UI.

When enabled:

• Automatically detect input video properties (resolution, aspect ratio)
• Suggest optimized presets for common platforms:
  • Instagram Reels (9:16, 1080x1920, CRF ~23)
  • YouTube (16:9, 1080p, CRF ~20)
  • WhatsApp/Sharing (compressed 720p)
• Provide a one-click "Apply Recommended Settings" button
• Allow users to override suggestions manually

---

Technical Approach (Optional Implementation Idea)

• Extract video metadata using existing video object
• Create a rule-based recommendation engine:
  • Map input resolution → output presets
  • Map platform → ideal encoding settings
• Store recommendations in a config object or utility function
• Add UI panel for displaying suggestions

---

Alternatives Considered

• Static preset dropdown (already exists but not guided)
• Manual documentation (less effective than inline suggestions)

---

Additional Context

This feature improves usability, reduces decision fatigue, and makes Reframe more beginner-friendly while still supporting advanced users.

It also introduces a "smart assistant-like" experience without requiring heavy AI integration.

---

I would like to work on this feature under GSSoC'26 🚀

[github-actions]

👋 Thanks for opening an issue, @Hrithik-ui753!

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!

[Hrithik-ui753]

Hi @magic-peach
I’d love to work on this feature. It adds strong UX value and helps beginners significantly.

Please assign this issue to me under GSSoC'26 🙌
I'd like to work on this contributing under GSSoC'26

[Hrithik-ui753]

//assign under gssoc

[github-actions]

Hey @Hrithik-ui753, this issue has been assigned to you! 🎉 Please make progress within 5 days or it will be automatically unassigned due to inactivity.

[Hrithik-ui753]

Hi @magic-peach 👋

Thanks for assigning this issue!

I’ll start working on the Smart Auto-Optimization Mode and share a PR soon.
If you have any preferred approach or constraints, please let me know 🙌

[Hrithik-ui753]

Hi @magic-peach 👋

I’ve implemented the Smart Auto-Optimization Mode for Export Settings and submitted a PR for it (PR #786).

This feature introduces a one-click optimization system that automatically adjusts export settings based on video orientation, improving the overall user experience.

Please review it when you get time. I’m happy to make any improvements if needed 🙌