You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
2.9 KiB
99 lines
2.9 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="it">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>[name]</h1>
|
||
|
|
|
||
|
|
<p class="desc">
|
||
|
|
Crea un oggetto AudioAnalyser, che utilizza un [link:https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode AnalyserNode]
|
||
|
|
per analizzare l'audio.<br /><br />
|
||
|
|
|
||
|
|
Utilizza le [link:https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API API Web Audio].
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Codice di Esempio</h2>
|
||
|
|
|
||
|
|
<code>
|
||
|
|
// crea un AudioListener e aggiungilo alla camera
|
||
|
|
const listener = new THREE.AudioListener();
|
||
|
|
camera.add( listener );
|
||
|
|
|
||
|
|
// crea una sorgente Audio
|
||
|
|
const sound = new THREE.Audio( listener );
|
||
|
|
|
||
|
|
// carica un suono e impostalo come buffer dell'oggetto Audio
|
||
|
|
const audioLoader = new THREE.AudioLoader();
|
||
|
|
audioLoader.load( 'sounds/ambient.ogg', function( buffer ) {
|
||
|
|
sound.setBuffer( buffer );
|
||
|
|
sound.setLoop(true);
|
||
|
|
sound.setVolume(0.5);
|
||
|
|
sound.play();
|
||
|
|
});
|
||
|
|
|
||
|
|
// crea un AudioAnalyser, passando il suono e la fftSize desiderata
|
||
|
|
const analyser = new THREE.AudioAnalyser( sound, 32 );
|
||
|
|
|
||
|
|
// ottieni la frequenza media del suono
|
||
|
|
const data = analyser.getAverageFrequency();
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>Esempi</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[example:webaudio_sandbox webaudio / sandbox ]<br />
|
||
|
|
[example:webaudio_visualizer webaudio / visualizer ]
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Costruttore</h2>
|
||
|
|
|
||
|
|
|
||
|
|
<h3>[name]( audio, [link:https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/fftSize fftSize] )</h3>
|
||
|
|
<p>
|
||
|
|
Crea un nuovo [page:AudioAnalyser AudioAnalyser].
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<h2>Proprietà</h2>
|
||
|
|
|
||
|
|
<h3>[property:AnalyserNode analyser]</h3>
|
||
|
|
<p>Un [link:https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode AnalyserNode] usato per analizzare l'audio.</p>
|
||
|
|
|
||
|
|
<h3>[property:Integer fftSize]</h3>
|
||
|
|
<p>
|
||
|
|
Una potenza di due, non nulla, fino a 2048, che rappresenta la dimensione della FFT (Fast Fourier Transform) da utilizzare per determinare
|
||
|
|
il dominio della frequenza. Vedi [link:https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/fftSize questa pagina] per maggiori dettagli.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Uint8Array data]</h3>
|
||
|
|
<p>
|
||
|
|
Un Uint8Array con dimensione determinata da [link:https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/frequencyBinCount analyser.frequencyBinCount],
|
||
|
|
usata per contenere i dati di analisi.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<h2>Metodi</h2>
|
||
|
|
|
||
|
|
|
||
|
|
<h3>[method:Uint8Array getFrequencyData]()</h3>
|
||
|
|
<p>
|
||
|
|
Utilizza il metodo [link:https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/getByteFrequencyData getByteFrequencyData] delle API Web Audio.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[method:Number getAverageFrequency]()</h3>
|
||
|
|
<p>
|
||
|
|
Ottieni la media della frequenza restituita dal metodo [page:AudioAnalyser.getFrequencyData getFrequencyData].
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Source</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|