We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.

Shubhra Prakash • 5 years ago

How to supply the data for the waveform if one wants to capture it via audio recording on the device ? This may be a whole another animal but any ideas ? In my app I want to draw waveforms as the user speaks into the microphone (android and iOS)

chinmay mourya • 5 years ago

Hi Matt,
This is great article.

Do you have any solution to draw spectrogram chart in flutter?

Gauri L • 5 years ago

Hey Matt this is a great tutorial. I have json data coming from an api, which has multiple lists. as in List<double>. I want to draw wave for single list. How do I access a list to render in UI?
Thank you in advance.

Jace Bennest • 6 years ago

flutter has an ffmpeg package: https://pub.dev/packages/fl...

and i really want to be able to get the json data using this library. but i can't figure out how to get that data (u mention in the article that ffmpeg is a suitable replacement for the bbc program)

i want a UI very similar to this, but want to keep all the processing on the devices using flutter_ffmpeg. can you explain how ffmpeg can generate similar data to bbc?

Gabriela Dijkhoffz • 4 years ago

Did you ever figure this out? I have the same issue, I can't figure out how to use ffmpeg for this part.

Jace Bennest • 4 years ago

unfortunately, no. i dropped my project idea long ago

was thinking of picking it back up now that flutter 2 was just released

Peter Zukerman • 6 years ago

Fantastic article. This helps so much, considering how weak flutter's audio libraries are at the moment. If you were to do this exactly the same but instead of waveform you displayed pitch, how would you go about it?

Matt Aimonetti • 6 years ago

It all depends on how/where you'd be capturing the pitch information. If possible, I'd prefer to do the analysis server side and return the output to render client side. However, if you wanted to do that on the device, I'd suggest to look at a C library that is wrapped for iOS and Android and I'd add a flutter platform interface to make it available from dart. The other option is to write the code using the platform APIs in let's say Swift and Kotlin and expose a shared interface to Dart. In other words, I'd probably move the logic to the server or to platform code.

Peter Zukerman • 6 years ago

Yeah, this seems to be a solution. I'm having Allan's issue, I'm actually using Praat as well (the wrapper is python/js exclusive) so I gotta figure out a way to both do it on a device while doing the python server side.

Allan Ramos • 6 years ago

Great article. I really do like it.
I am working on acoustics with flutter, getting and analysis waves (Praat app).
But I didn't get drawing waves yet.
😁✨