מנתח ספקטרום שמע בחינם

כיצד זה עובד

מנתח ספקטרום האודיו פועל כולו בדפדפן שלך באמצעות 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 הרץ/תא ב-44.1 קילוהרץ.
3. 3
   Canvas 2D מציג את התצוגה הנבחרת

   תצוגת המנתח ממפה תאי FFT לציר X של תדר-לוגריתמי (20 הרץ–20 קילוהרץ) וציר Y של dBFS, מציירת את הספקטרום כקו מלא, ומניחה מעליו עקבה של החזקת שיא דועכת. התדר הדומיננטי מאותר באמצעות אינטרפולציה פרבולית סביב תא השיא, ואז מומר לתו המוזיקלי השווה-מזג הקרוב ביותר (A4=440 הרץ) עם סטיית סנטים מוצגת בקריאה. תצוגת הספקטרוגרמה גוללת את הקנבס פיקסל אחד שמאלה בכל פריים וצובעת עמודה חדשה באמצעות מדרג צבעים בסגנון inferno. התצוגה האמנותית משתמשת בנתוני תדר או תחום-זמן ברזולוציית בייט למצבי בר, צורת גל, או עיטורי מעגל.
4. 4
   ייצוא דרך Canvas ו-MediaRecorder

   שמירת PNG קוראת ל-canvas.toBlob() כדי לקודד את הפריים הנוכחי. הקלטת וידאו משתמשת ב-canvas.captureStream(30) בשילוב עם הזנת אודיו מ-MediaStreamAudioDestinationNode, שמוזרם ל-MediaRecorder שמייצר WebM או MP4. ייצוא WAV מקודד ביד קובץ RIFF PCM בן 16 סיביות מה-AudioBuffer באמצעות DataView — ללא מקודד חיצוני.

כלים קשורים