Code Monkey home page Code Monkey logo

ffmpeg-explorer's Introduction

Interactive FFMPEG Command Generator

~~~~> ffmpeg.lav.io <~~~~

A work in progress web tool to explore FFmpeg. Please log issues/suggestions. Made with svelte, xyflow, and ffmpeg.wasm.

Contributions are welcome! Take a look at the todo list below if you'd like to add a new feature, or the issues page if you want to try to fix a bug.

To run in dev mode:

npm install
npm run dev

I'm also looking for good FFmpeg examples. If you make a nice filtergraph in the tool, just hit cmd-s (or ctrl-s on windows/linux), and it will export a json file of your graph. Feel free to post those to the issues page for possible inclusion in the tool.

Known Issues

  • Rendering on chrome doesn't work in multi-threading mode (it seems to fail on mp4s)

Todo

  • Rendering progress bar
  • "Cancel Render" button
  • Disable/enable filters without removing them
  • Deal with duplicate parameters in filters (sometimes filters have a long and short option)
  • Add more help/documentation in the filters (there is more on FFmpeg's site that I could incorporate)
  • Add input options like seek and trim
  • Somehow figure out how to deal with complex filtergraphs
  • Add more sample inputs (at least need an image and an audio file)
  • Put filter options in a separate panel
  • Add filters that generate content
  • Handle audio and image output.
  • Allow command to be editable
  • Use commas to separate filters when possible
  • Include some default fonts so text works.
  • Allow gif as output
  • Add more tests!
  • MAYBE allow users to upload their own videos
  • MAYBE make each part of the output command clickable, to highlight the corresponding nodes
  • MAYBE add previews in the filter list itself

Inspiration / Alternatives

ffmpeg-explorer's People

Contributors

antiboredom avatar hitomarukonpaku avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.