Penganalisis Spektrum Audio percuma

Cara ia berfungsi

Penganalisis Spektrum Audio berjalan sepenuhnya dalam pelayar anda menggunakan AnalyserNode Web Audio API, yang mengira FFT (Fast Fourier Transform) masa nyata pada data audio daripada fail atau mikrofon. Setiap bingkai dilukis dengan kod Canvas 2D tulisan tangan — tiada pustaka visualisasi terlibat, dan tiada audio keluar dari peranti anda.

1. 1
   Audio dinyahkod dan disalurkan

   Apabila anda memuatkan fail, Web Audio API menyahkodnya kepada AudioBuffer dan menyalurkannya melalui MediaElementAudioSourceNode ke dalam AnalyserNode. Untuk input mikrofon, getUserMedia() menangkap strim dan menyalurkannya melalui MediaStreamAudioSourceNode sebaliknya — dengan pembatalan gema, penindasan bunyi bising, dan gandaan-auto kesemuanya dimatikan supaya anda melihat isyarat mentah.
2. 2
   AnalyserNode menjalankan FFT setiap bingkai

   Pada setiap bingkai animasi (melalui requestAnimationFrame), kod ini memanggil getFloatFrequencyData() untuk membaca spektrum magnitud FFT semasa dalam dBFS, dan getFloatTimeDomainData() untuk sampel bentuk gelombang mentah. Saiz FFT boleh dikonfigurasi dari 2048 hingga 16384 bin, memberikan resolusi frekuensi sehalus kira-kira 2.7 Hz/bin pada 44.1 kHz.
3. 3
   Canvas 2D memaparkan paparan yang dipilih

   Paparan Penganalisis memetakan bin FFT ke paksi-X frekuensi-log (20 Hz–20 kHz) dan paksi-Y dBFS, melukis spektrum sebagai garis terisi, dan mempertindihkan surih pegangan-puncak yang mereda. Frekuensi dominan dikenal pasti tepat menggunakan interpolasi parabola sekitar bin puncak, kemudian ditukar kepada nota muzik bertemper-sama terdekat (A4=440 Hz) dengan sisihan cent dipaparkan dalam bacaan. Paparan Spektrogram menatal kanvas satu piksel ke kiri setiap bingkai dan mengecat lajur baharu menggunakan susunan warna gaya-inferno. Paparan Artistik menggunakan data frekuensi resolusi-bait atau domain-masa untuk mod hiasan bar, bentuk gelombang, atau bulatan.
4. 4
   Eksport melalui Canvas dan MediaRecorder

   Menyimpan PNG memanggil canvas.toBlob() untuk mengekod bingkai semasa. Merakam video menggunakan canvas.captureStream(30) digabung dengan tap audio daripada MediaStreamAudioDestinationNode, disalurkan ke dalam MediaRecorder yang menghasilkan WebM atau MP4. Eksport WAV mengekod tulisan tangan fail RIFF PCM 16-bit daripada AudioBuffer menggunakan DataView — tiada pengekod luaran.

Alat berkaitan