محلل الطيف الصوتي مجانًا

كيف يعمل

يعمل محلل الطيف الصوتي بالكامل في متصفحك باستخدام AnalyserNode من Web Audio API، الذي يحسب FFT (تحويل فورييه السريع) في الوقت الفعلي على بيانات الصوت من ملف أو ميكروفون. يُرسم كل إطار بكود Canvas 2D مكتوب يدويًا — دون أي مكتبة تصوير، ودون أن يغادر أي صوت جهازك.

1. 1
   يُفك ترميز الصوت ويُوجَّه

   عند تحميل ملف، يفك Web Audio API ترميزه إلى AudioBuffer ويوجهه عبر MediaElementAudioSourceNode إلى AnalyserNode. أما لإدخال الميكروفون، فيلتقط getUserMedia() التدفق ويمرره عبر MediaStreamAudioSourceNode بدلًا من ذلك — مع تعطيل إلغاء الصدى وكبت الضوضاء والكسب التلقائي حتى ترى الإشارة الخام.
2. 2
   يُجري AnalyserNode تحويل FFT في كل إطار

   في كل إطار رسوم متحركة (عبر requestAnimationFrame)، يستدعي الكود getFloatFrequencyData() لقراءة طيف مقادير FFT الحالي بوحدة dBFS، وgetFloatTimeDomainData() لعيّنات الموجة الخام. حجم FFT قابل للضبط من 2048 إلى 16384 خانة، مما يعطي دقة ترددية تصل إلى نحو 2.7 Hz لكل خانة عند 44.1 kHz.
3. 3
   يعرض Canvas 2D العرض المختار

   يربط عرض المحلل خانات FFT بمحور X ترددي لوغاريتمي (20 Hz–20 kHz) ومحور Y بوحدة dBFS، ويرسم الطيف كخط مملوء، ويضيف فوقه أثر حفظ الذروة المتلاشي. يُحدَّد التردد السائد بدقة باستخدام الاستيفاء القطعي المكافئ حول خانة الذروة، ثم يُحوَّل إلى أقرب نوتة موسيقية في السلم المعدّل (A4=440 Hz) مع عرض الانحراف بالسنت. يمرّر عرض المخطط الطيفي اللوحة بكسلًا واحدًا إلى اليسار في كل إطار ويرسم عمودًا جديدًا بتدرج ألوان بنمط inferno. ويستخدم العرض الفني بيانات التردد أو المجال الزمني بدقة البايت لأوضاع زخرفية بالأعمدة أو الموجة أو الدائرة.
4. 4
   التصدير عبر Canvas وMediaRecorder

   حفظ PNG يستدعي canvas.toBlob() لترميز الإطار الحالي. تسجيل فيديو يستخدم canvas.captureStream(30) مع التقاط صوتي من MediaStreamAudioDestinationNode، يُمرَّر إلى MediaRecorder لإنتاج WebM أو MP4. تصدير WAV يرمّز يدويًا ملف RIFF بصيغة PCM 16-bit من AudioBuffer باستخدام DataView — دون مرمّز خارجي.

أدوات ذات صلة