We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.
Hi Matt,
This is great article.
Do you have any solution to draw spectrogram chart in flutter?
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.
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?
Did you ever figure this out? I have the same issue, I can't figure out how to use ffmpeg for this part.
unfortunately, no. i dropped my project idea long ago
was thinking of picking it back up now that flutter 2 was just released
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?
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.
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.
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.
😁✨
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)