Audio player with Visualization jQuery

Motto is to attach different player (visualization) with some other player. I have two different jQuery codes.

Sample code of streaming player:

$.player({host:"ip",port:80})

Another is for visualization. Now I want to attach the visualization with above player.

Visualization:

<audio id="music" class="hidden" autoplay controls></audio>
<input id="input-file" type="file" class="hidden" accept="audio/mp3" multiple>
<h1 id="title">Please drag your music files here</h1>

Source: http://surunzi.github.io/VisualMusic/

Let me know if further explanation or code needed.

You will need to dig into the source of https://github.com/surunzi/VisualMusic/ and seperate the part that takes the audio and renders the visualisation. If you’re stuck you should contact the author.

Could you help me on that?

It will take time to pull both of them apart, can you read through the code of each and give it a try first?

1 Like

I am trying that only.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.