Add loading state to the “Detected Audio” section — as now it’s just show no data when you first open the page, and then 10 secs later the data just pop up
Check the performance — if this approach can handle when the species has a lot of calls. Is it necessary to load every audio file data when the user doesn’t really need it (some user might not even click to play the sounds)
1 solution I can think of to solve the above problem: User click play -> show loading indicator while loading audio data -> show audio player when the data is ready
Consider: