Skip to content

[FEATURE] Add WebP export alongside the existing MP4/WebM/MKV/GIF options #1786

Closed as not planned
Closed as not planned
[FEATURE] Add WebP export alongside the existing MP4/WebM/MKV/GIF options#1786
Labels
featureNew feature requestffmpegFFmpeg/WASM processing relatedgssoc'26GirlScript Summer of Code 2026level:intermediateIntermediate level - 35 ptsneeds investigationNeeds more investigation before work beginstype:featureNew feature

Description

@magic-peach
magic-peach
opened on Sep 15, 2026

Feature description
FormatSelector.tsx currently supports MP4, WebM, MKV, and GIF (:13-16) — GIF already exists, so this is specifically about adding WebP (animated), which doesn't.

Problem this solves
Animated WebP is significantly smaller than GIF at comparable quality and is well-supported for the same use cases (short looping clips, social/chat use) — a natural complement to the existing GIF option, not a replacement.

Proposed solution
Add a webp format option; FFmpeg supports animated WebP encoding via -c:v libwebp. Wire it through the same recipe/export pipeline as the other formats in ffmpeg.ts/ffmpeg.worker.ts.

Alternatives considered
None — this is a scoped, additive change to an existing, well-understood pipeline.

Activity

  1. magic-peach
    added
    gssoc'26GirlScript Summer of Code 2026
    featureNew feature request
    ffmpegFFmpeg/WASM processing related
    level:intermediateIntermediate level - 35 pts
    type:featureNew feature
    on Sep 15, 2026

  2. github-actions commented on Sep 15, 2026

    @github-actions
    github-actionsBot
    on Sep 15, 2026 – with GitHub Actions
    Contributor

    👋 Thanks for opening an issue, @magic-peach!

    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!

  3. github-actions commented on Sep 15, 2026

    @github-actions
    github-actionsBot
    on Sep 15, 2026 – with GitHub Actions
    Contributor

    Claude encountered an error —— View job

    I'll analyze this and get back to you.

  4. github-actions commented on Oct 16, 2026

    @github-actions
    github-actionsBot
    on Oct 16, 2026 – with GitHub Actions
    Contributor

    👋 This issue has been inactive for 30 days. It will be automatically closed in 14 days if there's no further activity.

    If you're still interested in working on this, please leave a comment!
    For GSSoC'26 contributors: make sure to keep your assigned issues active.

    ⭐ Star Reframe if you find it useful!

  5. github-actions
    added
    needs investigationNeeds more investigation before work begins
    on Oct 16, 2026

  6. github-actions commented on Oct 30, 2026

    @github-actions
    github-actionsBot
    on Oct 30, 2026 – with GitHub Actions
    Contributor

    🔒 Closing this issue due to inactivity. Feel free to reopen if you'd like to work on it!

  7. github-actions
    closed this as not plannedon Oct 30, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew feature requestffmpegFFmpeg/WASM processing relatedgssoc'26GirlScript Summer of Code 2026level:intermediateIntermediate level - 35 ptsneeds investigationNeeds more investigation before work beginstype:featureNew feature

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions