تایمەری پۆمۆدۆرۆی بەخۆڕایی

چۆن کار دەکات

ئەم کاتژمێری پۆمۆدۆرۆیە تەواو لە وێبگەڕدا کاردەکات بەبێ کتێبخانەی دەرەکی. دواژمارەکە بە مۆری کاتی جیهانیدا بەستراوەتەوە بە بەکارهێنانی Date.now() بۆیە دواخستنی تابی پاشبنەما ناتوانێت کاتژمێرەکە هێواش بکاتەوە، و هەموو دەنگی ئاگاداری بەپێی داواکاری لە ڕێگای APIی Web Audioوە دروستدەکرێن — هیچ فایلی دەنگ داناگیرێت.

1. 1
   ئەنجینی دواژمارەی مۆری کاتی جیهانی

   کاتێک دەستپێکردن دادگریت، کاتژمێرەکە مۆری کاتی کۆتایی پوخت تۆمار دەکات (Date.now() پێکەوە لەگەڵ چرکەی ماوە). هەر 500 میلی چرکە جارێک، setInterval دووبارە ژمێردەکاتەوە چەند چرکە ماوە بە لادانی کاتی ئێستا لەو کۆتایی جێگیرەوە. ئەگەر وێبگەڕ تابەکە هێواش بکاتەوە، ژمێریارییەکە خۆی چاک دەکاتەوە ساتێک تیکی داهاتوو دەگیرسێت.
2. 2
   دووبارە هاوکاتکردن لە گەڕانەوەی تیشکخستنی تاب

   گوێگرێکی ڕووداوی visibilitychange هەمان فەنکشنی هاوکاتکردن دەگیرسێنێت ساتێک بگەڕێیتەوە بۆ تابەکە. ئەمە مانای ئەوەیە کە دەرچوونەکە دەستبەجێ دەبازێتەوە بۆ کاتی ماوەی دروست لەبری چاوەڕوانی تیکی 500 میلی چرکەی داهاتوو — گرنگ کاتێک تابەکە بۆ ماوەیەکی درێژ لە پاشبنەمادا بووە.
3. 3
   دروستکردنی دەنگ بە APIی Web Audio

   سێ دەنگی ئاگاداری (کلاسیک، ژینگ، دیجیتاڵ) تەواو لەلایەن AudioContextی سەرەکی وێبگەڕەوە دروستدەکرێن — OscillatorNodeیەک فریکوێنسی و جۆری شەپۆل (سینوسی یان چوارگۆشەیی) دادەنێت، و GainNodeیەک ڕامپی دەنگی نمایی بەکاردێنێت بۆ شێوازکردنی ئینڤێلۆپەکە. هیچ فایلی دەنگ نانێردرێت یان کۆدنالادرێت.
4. 4
   پاراستنی ڕێکخستن و ژماردنی ڕۆژانە

   ماوەی تایبەتیت و ژماردنی پۆمۆدۆرۆی تەواوی ئەمڕۆ لەناو localStorageدا لەژێر دوو کلیلی جیادا دەنووسرێن. لە بارکردنی پەڕەکەدا ئامرازەکە دووبارە دەیانخوێنێتەوە، هەر نرخێک پشکنین دەکات بەرامبەر مەودای ڕێگاپێدراو، و کاتژمێرەکە دووبارە بەئاگا دەهێنێتەوە — بۆیە ڕێکخستنەکانت لە نوێکردنەوەی پەڕەیەکدا دەمێننەوە بەبێ هیچ گەشتی سێرڤەرێک.

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