JSFiddle - React, Tailwind, and code Playground

HTML

<audio controls id="music"></audio>
<p id="datas">
</p>

JavaScript

navigator.getUserMedia({audio:true,video:false}, function (stream) {
document.querySelector("#music").src = window.URL.createObjectURL(stream)
document.querySelector("#music").play()
var contexteAudio = new (window.AudioContext || window.webkitAudioContext)();
var analyseur = contexteAudio.createAnalyser();
source = contexteAudio.createMediaStreamSource(stream);
source.connect(analyseur);
var tab = new Float32Array();

for (var i=0;i<=100;i++) {
	var datas = analyseur.getFloatFrequencyData(tab);
  document.querySelector("#datas").innerHTML = tab[i];
}

}, function(error) {
console.log(error)
})