Skip to content

feat(playground): "Ask AI" button, quick presets, audio waveform#932

Open
odbol wants to merge 5 commits intoffmpegwasm:mainfrom
odbol:ai
Open

feat(playground): "Ask AI" button, quick presets, audio waveform#932
odbol wants to merge 5 commits intoffmpegwasm:mainfrom
odbol:ai

Conversation

@odbol
Copy link

@odbol odbol commented Mar 1, 2026

I use this all the time for my own videos, and I added a few improvements to the UX of the playground to make it simpler and quicker to use, including:

  • Adding a large "Upload" button so they know where to start
  • Adding a "presets" section to quickly generate commands for common tasks, as well as save your own common tasks
  • View the waveform of the file in the file browser (useful for quickly gauging if your audio commands worked)
  • an "Ask AI" button that will generate commands for you based on natural language. Great way to learn and much easier than having to search or look up the docs

Screenshots:

Screenshot of Upload button Screenshot of presets Screenshot of ask AI dialog API key entry Screenshot of ask AI dialog

odbol and others added 5 commits January 16, 2026 14:04
- Add full-width Upload Media button above the file system for easier uploads
- Wrap FileSystemManager in accordion to reduce visual clutter
- Auto-update input JSON args with uploaded filename

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add a presets selector UI above the JSON text box with built-in presets
for common FFmpeg operations (extract audio, merge audio, increase
loudness). Users can also save custom presets to localStorage with
name and optional description. Clicking a preset replaces the JSON
in the editor.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…cription

The user enters their own Gemini API key, and then can prompt it to
write an ffmpeg command.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@netlify
Copy link

netlify bot commented Mar 1, 2026

Deploy Preview for ffmpegwasm ready!

Name Link
🔨 Latest commit 2e7612d
🔍 Latest deploy log https://app.netlify.com/projects/ffmpegwasm/deploys/69a49d7bb705150008bf2e24
😎 Deploy Preview https://deploy-preview-932--ffmpegwasm.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant