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.