<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="//ajax.webradio.tools/3.5.1/webradio.tools.min.js"></script>
<script type="text/javascript">
/*################################*/
/*###### CONFIGURATION DU VU #####*/
/*################################*/
var src = ''; // Icecast = http://[IP/URL]:[PORT][/MOUNT], Shoutcast = http://[IP/URL]:[PORT]/;stream.mp3
var type = 'audio/mpeg';// MP3/AAC = audio/mpeg, OGG = audio/ogg
var preload = 'auto'; // auto, metadata, none
var controls = true; // true, false
var autoplay = false; // true, false
var vu_range = 3.9; // High frequency dead zone
var vu_height = 13.5; // Maximum height of the VU
var vu_color_a = '#FFFFFF'; // VU CAP Color #FFFFFF
var vu_color_b = '#00FF00'; // VU TOP Color #00FF00
var vu_color_c = '#FFFF00'; // VU MIDDLE Color #FFFF00
var vu_color_d = '#FF0000'; // VU BOTTOM Color #FF0000
var volume_color_h = 217; // 0 to 359 (H Color > https://www.w3schools.com/colors/colors_hsl.asp)
var volume_color_l = 61; // 0 to 100 (L Color > https://www.w3schools.com/colors/colors_hsl.asp)
</script>
<div id="show_canvas"><canvas id="canvas" width="300" height="60"></canvas></div> <!-- Afficher le VU -->
<div id="show_player"></div> <!-- Affiche le player (obligatoir) -->
<span id="play">PLAY</span> <!-- Afficher le bouton PLAY -->
<span id="stop">STOP</span> <!-- Afficher le bouton STOP -->
<span id="play_stop">PLAY&STOP</span> <!-- Afficher le bouton PLAY/STOP -->
<span id="mute">MUTE</span> <!-- Afficher le bouton MUTE -->
<div id="volume"></div> <!-- Afficher le volume -->