Show the audio data as it is being recorded

[vul9156]

would you please tell me if i want to record for 10 seconds, and want it to show the wave on real time (ex: when it record 3 seconds, then 3/10 timeline of canvas show the wave of record until 3 seconds) thank you a lot!!

[cwilso]

You'll have to handle the callbacks and grab the data as it comes in and update carefully. I may eventually get around to implementing this, but you have to either 1) know how much data you're recording, or 2) scroll or zoom to make room for new data, and that would require some careful visual optimization.

[drreddy]

Would you please elaborate which method should be implemented the first one or the second one and is any other person trying to tackle this problem. In the second method can it be done in the following method: once the width of the canvas is filled, can we add a new canvas on the side of the filled canvas and start filling it (the parent element will have a horizontal scroll bar) and this process continues until recording has not stopped.

[cwilso]

Well, the current system is a dynamic length, so I'd probably expect that. And yes, there are plenty of choices in how to show this; it's not completely trivial, was my point, particularly not to do with good performance. I don't know of anyone currently doing this (or attacking the "high-performance display of zooming audio data" general problem) - happy to have someone dive in, as this is low in my stack of personal priorities unfortunately.

[niyazhussain]

wil this record feature is implimented in a website like soundtrap.com