how to add audio spectrum to radio player

[Markiz Sugihan]

i want to add audio spectrum to my radio player application, can i help?

best regards to make it all

[Markiz Sugihan]

audio spectrum I mean is as in the following picture:

and I also have the Spectrum Audio Player HTML Code, can I add it to my App?

Sorry...
and thank you for your attention

[SteveJG]

In this article is an experimental app inventor extension that will show the frequency (at an instant ) using the microphone. 

• Appinventor Extensions

Here is the link:  

SoundAnalysis created by Mouhamadou Oumar Sall
 Multimedia component that analyzes the pitch of a sound through the microphone and returns it. It can be used as an input to different situations, for instance to control some components with a specific sound whistle(pitch > 500Hz) or clap(pitch > 2000Hz). 
https://drive.google.com/uc?export=download&id=0B22N7pfciq0CUTZONWpKZUw2YXJlWHBMcERuaUliZWREdU5R 

You will need to follow the instructions for using the App Inventor Extensions test site.  You might be able to graph the audio frequency provided by this extension and mimic the display you posted.   This is not a true FFT audio display.

This is NOT a wide spectrum FFT Fast Fourier transform display  https://en.wikipedia.org/wiki/Fast_Fourier_transform) but an instantaneous sound sample) .  It may be the best one can do at the moment with App Inventor.   If you require more extensive sound analysis, you may have to use one of the Professional Android compilers (perhaps the Java based Eclipse or Android Studio 2) and use one of their sound libraries.. Sooner or later, someone might produce an extension using Java that might provide this function.  There is none at present.

Another possibility is to use html as shown here https://www.w3schools.com/html/html5_audio.asp   depending on whether your browser  supports the audio element which a WebViewer probably does not.  I have no idea how one might use it in AI2 along with the html code you indicate you have for displaying an analyzer ????

Regards,

Steve

.

[Markiz Sugihan]

thank you for your answer

is there an easy example for a block I can learn?

[SteveJG]

There is no example tutorial that shows how display an Audio Spectrum using App Inventor as far as I can tell.  You will have to produce your own Blocks Markiz.  What might be done using the extension above will probably not produce the results you hope for but you could try.

[Markiz Sugihan]

good...
I will try it...

thank you for the info and its answer

regards