spectro

؟ الطيفية

Spectro هو مولد طيفي الصوت في الوقت الفعلي للويب. يمكنه تصور الصوت من الميكروفون أو ملفات الصوت على جهازك.

الاستخدام

توجه هنا لبدء استخدام Spectro.

لبدء توليد طيف ، يمكنك إما:

• انقر فوق ؟ سجل من زر الميكروفون للبدء في توليد طيف من الميكروفون الخاص بك.

  إذا كنت ترغب في تسجيل الصوت من الإخراج الصوتي لجهازك ، فيمكنك تمكين "مزيج ستيريو" على Windows أو استخدام Blackhole على MacOS ثم تعيين هذا الجهاز كجهاز الإدخال الافتراضي للمتصفح.

• انقر فوق ؟ قم بتشغيل زر ملف الصوت لبدء إنشاء طيف من ملف صوتي على جهازك. سيؤدي هذا أيضًا إلى تشغيل ملف الصوت المحدد.

  يمكن تشغيل أي تنسيق صوتي مدعوم من متصفحك.

يتم توليد الطيفية من اليمين إلى اليسار ، مع ظهور الصوت الأحدث على اليمين وأقدم على اليسار.

هناك أيضًا ⚙ خيارات متاحة للتحكم في ظهور الطيفية:

• ؟ تتحكم الحساسية في مدى حساسية الطيف للصوت. تغييره له نفس تأثير تغيير حجم الصوت.
• ؟ ينطبق التباين على التحجيم اللوغاريتمي على الطيف لإضافة تباين مع الصورة. يمكن أن يساعد تغييره في إنتاج صورة أفضل اعتمادًا على الصوت الذي يتم تحليله.
• ؟ يتحكم التكبير في كيفية ظهور التكبير في الطيف على طول المحور الزمني.
• ؟ دقيقة. وماكس. التحكم في التردد نطاق الترددات لعرضها على الطيفية. تظهر الترددات السفلية في أسفل الطيف ، وترددات أعلى في الأعلى.
• ؟ يتحكم مقياس التردد في التحجيم لتطبيقه على محور التردد في الطيفية. "الخطية" تعني أن جميع الترددات يتم تمثيلها بالتساوي ، في حين أن "ميل" يعطي مظهرًا طبيعيًا أكثر من خلال إعطاء وزن أكبر لترددات منخفضة.
• ؟ يتحكم اللون في نظام الألوان لعرض الطيف مع.

يمكنك النقر فوق الزر ⏹ إيقاف للتوقف عن توليد الطيفية. إذا قمت بتشغيل ملف صوتي ، فسيتوقف المطياف تلقائيًا في نهاية المسار.

❓ الأسئلة الشائعة

ما هو الطيف؟

الطيفية هي صورة تنتج من الصوت. إنه يتصور الترددات الموجودة في الصوت بمرور الوقت ، مع تمثيل الوقت على طول المحور الأفقي ، والتردد على طول المحور العمودي ، وصعوبة التردد حسب اللون.

على سبيل المثال ، إذا كنت ستنشئ طيفًا من صفير نفسك ، فسترى خطًا مشرقًا في ملعب صافرة.

ما المتصفحات التي تعمل بها Spectro؟

تعمل أحدث إصدارات Chrome و Firefox و Safari مع Spectro. يجب أيضًا أن يعمل أي متصفح آخر يعتمد على الكروم مثل الإصدار الجديد من Microsoft Edge.

كيف يعمل Spectro؟

إليك منشور مدونة تصف كل شيء! نظرة عامة سريعة:

• يتم تقسيم إدخال الصوت إلى إطارات من 4096 عينة ، والتي يتم تداخلها كل 1024 عينة. لقد اخترت 4096 كمقاس نافذتي لأنه يبدو أنه أفضل مفاضلة بين الوقت ودقة التردد-في النهاية قد أجعله قابل للتكوين.
• يتم بعد ذلك نافذة هذه الإطارات المتداخلة باستخدام وظيفة Blackman-Harris التي تسبقها سبع مدة ، والتي قررت أنها تبدو أنها تعطي أكثر وضوحًا بصريًا.
• ثم يتم تشغيل النوافذ من خلال تحويل فورييه السريع (باستخدام JSFFT) في عامل ويب مخصص ، ويتم اعتبار قاعدة كل سلة تردد كأساس للطيبي.
• ثم يتم إدراج بيانات الطيف الخام هذه في قائمة انتظار دائرية ، والتي لها قدرة تساوي عرض صورة الطيف.
• ثم يتم تقديم بيانات الطيفية الخام إلى الشاشة باستخدام WebGL ، باستخدام تظليل لإجراء جميع عمليات التحجيم والتشويش والتعديلات الأخرى مباشرة على وحدة معالجة الرسومات. يتم تحميل بيانات الطيف الخام الجديدة فقط إلى وحدة معالجة الرسومات في كل إطار لتحسين الأداء بدلاً من إجراء تحميل كامل.
• تستخدم لوحة الإعدادات React و Material-UI (التي تمثل معظم حجم الحزمة؟).

؟تطوير

تثبيت التبعيات:

 npm install

ابدأ Webpack-Dev-Server:

 npm start

بناء حزمة إنتاج:

 npm run build

قم بتنفيذ فحص نوع typescript:

 npm run type-check

رخصة

يتم إصدار Spectro بموجب شروط ترخيص معهد ماساتشوستس للتكنولوجيا.