[ENH]: Support FFMPEG for web

[MATTYGILO]

Note: if you feel ready to improve τ,
perhaps you could do a Pull Request ? This would be great !

---

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[Larpoux]

Yessss ! Mee also.
A Web FFmpeg support would be great.

I want that too 👍

[Larpoux]

@MATTYGILO ,

Why do you need FFmpeg on web ?

• Do you need several other codecs support, like we have on iOS and Android ?

I think the best way to support FFmpeg on web would be to develop this function inside Flutter FFmpeg itself and do a Pull Request against this project. The guy/girl who does Flutter FFmpeg are doing a great job. Probably he/she will be very glad if someone (me?) implement some of the Flutter FFmpeg functions for the web.

[MATTYGILO]

I need to edit audio files before uploading to my server. I use flutter web to create the interface.

[MATTYGILO]

@MATTYGILO ,

Why do you need FFmpeg on web ?

• Do you need several other codecs support, like we have on iOS and Android ?

I think the best way to support FFmpeg on web would be to develop this function inside Flutter FFmpeg itself and do a Pull Request against this project. The guy/girl who does Flutter FFmpeg are doing a great job. Probably he/she will be very glad if someone (me?) implement some of the Flutter FFmpeg functions for the web.

It would be awesome if you could develop it for web, I have very little experience with web coding thats why I use flutter because I'm an app developer 👍🏻

[Larpoux]

I am interested by improving Tau on Web. And I think that Flutter FFmpeg is a great project and merits that we contribute to it.

see that

[Larpoux]

Hi @MATTYGILO ,
Could you look to this thread and eventually post something on it ?

[MATTYGILO]

@Larpoux Has this been added yet?

[github-actions]

This issue is stale because it has been open 90 days with no activity. Leave a comment or this will be closed in 7 days.

[me-engi]

🚀 Help with Integrating ffmpeg.wasm with Flutter Web for Video Editing 🎥

Hi everyone, 👋

I'm working on a Flutter web application for video editing and would like to use ffmpeg.wasm to perform various video editing tasks such as:

• 🔹 Framing a video as per a timeline
• 🔹 Cropping a video
• 🔹 Adding text, images, or sounds
• 🔹 Merging multiple videos together

I understand that I need to use js_interop.dart to communicate with the JavaScript functions from ffmpeg.wasm. However, I’m facing issues where Dart isn’t recognizing some of the JavaScript operations.

🔍 What I'm Looking For:

I would really appreciate any help on:

• How to properly integrate ffmpeg.wasm with Flutter Web using js_interop.dart
• Examples or use cases for video editing tasks, such as:
  • ✅ Framing or trimming video sections
  • ✅ Cropping videos
  • ✅ Adding overlays like text or images
  • ✅ Merging videos with audio

🤔 The Issue:

I'm stuck where Dart isn't recognizing some of the JavaScript operations from ffmpeg.wasm. Has anyone successfully implemented this? Could you provide some guidance or share example snippets? Any help would be highly appreciated! 🙏

Thanks in advance! 🚀

---

💡 Any pointers would be extremely helpful! 💡

[Larpoux]

I cannot help myself, but please, int the future, give us some input on how your project is going.
Your case is very very interesting.
And because I am currently working on a Flutter Sound v 10.0, it is good for me to have some input.

I have always think that video and sound can both be handled by flutter Sound.
And the v 10.0 will have two major points :

• Flutter Web will be completely supported instead of being just a more or less good port from mobiles implementation
• Everything will be handled with streams, using the W3C Web Audio API

Note : Actually I have some experience about using the browser Web Audio API from dart using js_interop, but nothing about video.

[Larpoux]

I have always think that video and sound can both be handled by flutter Sound.

I don't know why, but the W3C did a fantastic job specifying the We Audio API, but didn't include in this recommandation anything about video. There is certainly a reason, but I don't understand it.

[me-engi]

I cannot help myself, but please, int the future, give us some input on how your project is going. Your case is very very interesting. And because I am currently working on a Flutter Sound v 10.0, it is good for me to have some input.

I have always think that video and sound can both be handled by flutter Sound. And the v 10.0 will have two major points :

• Flutter Web will be completely supported instead of being just a more or less good port from mobiles implementation
• Everything will be handled with streams, using the W3C Web Audio API

Note : Actually I have some experience about using the browser Web Audio API from dart using js_interop, but nothing about video.

Oh great, yeah definitely, I am ready to give input.

In Flutter web, using ffmpeg.wasm to create such a web app may not be possible at this point in time.

Still, I am trying to figure it out, and as soon as I get some output, I will definitely publish the repo.

If you know something useful for the same, then please do contribute!

[Larpoux]

Recently, someone in another thread complained that Flutter Sound is incompatible with Wasm because of a stupid reason. I am going to be very careful that the v10 will not have this limitation.