شیکەری تیفی دەنگی بەخۆڕایی

چۆن کار دەکات

شیکەری ڕەنگدانەوەی دەنگ تەواو لە وێبگەڕەکەتدا کاردەکات بە بەکارهێنانی 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 هێرتز) دەگۆڕدرێت لەگەڵ لادانی سێنت لە خوێندنەوەکەدا. بینینی شیکەری فریکوێنسی-کات ستوونی خشتەبەرەکە هەر چوارچێوەیەک پیکسێلێک بۆ چەپ دەخشلێنێت و ستوونێکی نوێ لەگەڵ ڕامپی ڕەنگی شێوازی-ئینفێرنۆ نیگاردەکات. بینینی هونەری داتای فریکوێنسی یان کات-دۆمەینی وردی بایت بەکاردەهێنێت بۆ دۆخی ستوون، شەپۆل، یان بازنەیی ڕازاوە.
4. 4
   دەرهێنان لە ڕێگای Canvas و MediaRecorder

   پاشەکەوتکردنی PNGیەک بانگی canvas.toBlob() دەکات بۆ کۆدکردنی چوارچێوەی ئێستا. تۆمارکردنی ڤیدیۆیەک canvas.captureStream(30) بەکاردەهێنێت لەگەڵ گرتنێکی دەنگ لە MediaStreamAudioDestinationNodeەوە، بۆ ناو MediaRecorderـێک دەنێردرێت کە WebM یان MP4 دروستدەکات. دەرهێنانی WAV فایلێکی RIFFی PCM 16-بیت دەستنووس کۆددەکات لە AudioBufferـەوە بە بەکارهێنانی DataView — بەبێ کۆدکەری دەرەکی.

ئامرازە پەیوەندیدارەکان