Ho sito in cui ho bisogno di visualizzare la frequenza della tensione Mic Audio. Ho una this code, ma è estremamente difficile capire (Esso utilizza Fourier Transform e tutti). Su alcune ricerche ho avuto modo di conoscere di getByteFrequencyData()
che restituisce la frequenza dell'audio. Qualcuno lo ha mai usato prima con Live Mic Audio preferibilmente nell'API Web Audio?codice semplice per calcolare la frequenza a Live Mic audio utilizzando WebAudio API
5
A
risposta
8
"Visualizzazione della frequenza" può significare molte cose. In realtà, la mia demo di PitchDetect NON usa una trasformata di Fourier: utilizza l'autocorrelazione. Ma questo ti darà solo un passo unico, ad alta precisione. Se il tuo segnale ha più note simultanee - beh, questo è un problema difficile.
Se si desidera visualizzare un'analisi di frequenza dell'ingresso microfono live, consultare http://webaudiodemos.appspot.com/AudioRecorder/index.html (codice https://github.com/cwilso/AudioRecorder). Questo utilizza la FFT incorporata in RealtimeAnalyser per mostrare un grafico dello spettro di frequenza di un segnale audio dal vivo.
7
scrivo un semplice codice che si può mostrare la frequenza nella tua pagina web:
<body>
<audio id="audio" src="2.mp3"></audio>
<div id="bar">
<div id="P10" class="p"></div>
<div id="P20" class="p"></div>
<div id="P30" class="p"></div>
<div id="P40" class="p"></div>
<div id="P50" class="p"></div>
<div id="P60" class="p"></div>
<div id="P70" class="p"></div>
<div id="P80" class="p"></div>
<div id="P90" class="p"></div>
</div>
E script è
<style>
#bar {
position: fixed;
top: 20%;
left: 40%;
width: 40%;
height: 40%;
-webkit-transition: 0.1s ease all;
}
.p {
background-color: blue;
height: 100%;
width: 10%;
float: left;
}
</style>
<script>
window.onload = function() {
audioCtx = new AudioContext();
analyser = audioCtx.createAnalyser();
source = audioCtx.createMediaElementSource(audio);
source.connect(analyser);
analyser.connect(audioCtx.destination);
analyser.fftSize = 32;
var frequencyData = new Uint8Array(analyser.frequencyBinCount);
function renderFrame() {
analyser.getByteFrequencyData(frequencyData);
P10.style.height = ((frequencyData[0] * 100)/256) + "%";
P20.style.height = ((frequencyData[1] * 100)/256) + "%";
P30.style.height = ((frequencyData[2] * 100)/256) + "%";
P40.style.height = ((frequencyData[3] * 100)/256) + "%";
P50.style.height = ((frequencyData[4] * 100)/256) + "%";
P60.style.height = ((frequencyData[5] * 100)/256) + "%";
P70.style.height = ((frequencyData[6] * 100)/256) + "%";
P80.style.height = ((frequencyData[7] * 100)/256) + "%";
P90.style.height = ((frequencyData[8] * 100)/256) + "%";
console.log(frequencyData)
requestAnimationFrame(renderFrame);
}
audio.pause();
audio.play();
renderFrame();
};
</script>
Buona fortuna.
Problemi correlati
- 1. Frequenza di campionamento API WebAudio
- 2. Come spostare/modulare la frequenza del buffer audio utilizzando API Web Audio
- 3. calcolare la frequenza di R
- 4. Stream audio live java
- 5. riprodurre dati pcm da webAudio API
- 6. frequenza di nota musicale in Web API Audio
- 7. Api audio a bassa latenza per Android?
- 8. WebRTC Live Audio Streaming/Broadcast
- 9. Frequenza di campionamento per la registrazione audio dell'iPhone
- 10. Fusione/miscelazione di due flussi audio con WebAudio
- 11. determinare la frequenza di stringa utilizzando grep
- 12. Firefox WebAudio createMediaElementSource non funzionante
- 13. come creare streaming audio live tra due cellulari Android utilizzando la programmazione socket ..?
- 14. Impostazione playbackRate su elemento audio collegato a web audio api
- 15. Un modo semplice per riprodurre una singola frequenza in java?
- 16. STM32F4 stereo MEMS mic
- 17. Rilevamento di frequenza da un file audio
- 18. La frequenza di campionamento audio si basa sui canali?
- 19. API cross platform audio
- 20. Come calcolare la probabilità di selezione della frequenza dinamica wifi
- 21. Possiamo riprodurre solo audio utilizzando youtube api per iPhone
- 22. Stream live audio Android al server
- 23. Semplice API C++ Sound
- 24. Nodo dell'analizzatore API audio Web non funzionante con ingresso microfono
- 25. Formato audio più semplice?
- 26. Registrazione audio utilizzando ALSA da Line IN
- 27. Streaming audio live su un sito web
- 28. PhoneGap app utilizzando sia mezzi API e Web API audio è disattivato durante la registrazione inizia
- 29. Qual è il modo più veloce per calcolare la distribuzione di frequenza per array in C#?
- 30. utilizzando Live() - benefici - simili a legare()
Stavo cercando un esempio semplice come questo con barre, grazie! – Macumbaomuerte
Non ci posso credere, è perfetto! Grazie ! –