ශ්‍රී ලංකාවේ නවතම තාක්ෂණික පුවත් 2026-07-27, Monday
💻 ක්‍රමලේඛනය · 🕒 කියවීමට විනාඩි 2 · 👁 1

දුරකථනයේ සරල සයින් තාපය: වෙබ් අඩවියක සුළු සංගීත මෙවලමක් නිර්මාණයේ අභියෝග

දුරකථනයේ සරල සයින් තාපය: වෙබ් අඩවියක සුළු සංගීත මෙවලමක් නිර්මාණයේ අභියෝග

ජාවාස්ක්‍රිප්ට් භාවිතයෙන් බ්‍රවුසරයක් තුළ බොත්තමක් ඔබා 30 තත්පර තද සයින් තාපයක් වාදනය කරන ලද සුළු මෙවලමක් නිර්මාණය කරලා, එය දුරකථනයේ පරිශීලක අත්දැකීමකට සුදුසු කර ගැනීමට ලේසි නොවූ ගැටළු ගැන මේ ලිපියෙන් කියවන්න.

මෙම මෙවලම සෑදීමේ පළමු අදහස වන්නේ OscillatorNode → GainNode → AudioDestinationNode යන සරල ධාතු මාර්ගයක් භාවිතා කර සයින් තාපයක් ජනනය කිරීමයි. කේතය පළමු වරට ලියාගත් විට, පළපුරුදු 20 පේළි පමණ කොඩ් එකක් මගින් ඉලක්ක කරගත් සංගීතය නඩත්තු කළේ නමුත්, බ්‍රවුසරයේ autoplay නීති, අතුරුදන් වන ටැබ්, හඬේ අච්චු වීම වැනි ගැටළු එහි අඩංගු නොවූ බව තේරුණි.

ඉතා වැදගත් වූ එකක් වන්නේ හඬ පටන් ගැනීමට පරිශීලකගේ ක්ලික් එකක් අවශ්‍ය වීමයි. එම බොත්තම තුළ AudioContext සෑදීම සහ resume() කිරීම සිදු කර, මොබයිලයේ WebKitAudioContext fallback එකද එක් කර ඇත. මෙය නිසා පළමු වරට හඬ පටන් ගැනීමේ අත්දැකීම ස්ථාවර වූ අතර, අනිශ්චිත click හඬ පටන් ගැනීම හෝ නවතීම වැළැක්වීමට gain envelope එකක් යෙදුවා.

gain envelope එක 250 මිලි තත්පර තුළ සෙරෙන්සි සිට 0.12 දක්වා වැඩි කර, පසුපස 30 තත්පර පුරාවට රැඳී, අවසානයේ 350 මිලි තත්පර තුළ නැවත සෙරෙන්සි වෙයි. මෙයින් හඬ නතර වූ විට අච්චු හෝ පලායන හඬක් නොසිදුවේ.

ශ්‍රී ලංකාවට ඇති වැදගත්කම

ශ්‍රී ලංකාවේ තරුණ සංවර්ධකයන්ට, මෙවැනි සුළු, පරිශීලක‑මිතුරුවූ වෙබ් අඩවි නිර්මාණ කුසලතා ඉගෙන ගැනීම අතිශය වැදගත්. මෙය පහසු කේතයක් මත පදනම් වූ නිසා, Web Audio API පිළිබඳ මූලික අවබෝධය ලබා දේ. එමෙන්ම, දුරකථන පරිසරයේ autoplay නීති හඳුනා ගැනීමට සහ පරිශීලක අධිකාරි පදනම් කරගැනීමට අවස්ථාව සලසයි.

  • ස්ථානික වෙළඳපලේ ඕනෑම වෙබ් ඇප් එකක් මගින් හඬ අත්දැකීමක් ලබා දිය හැකිය.
  • ඉගෙනුම් පද්ධති, සෞඛ්‍ය තාක්ෂණ, මනෝවිද්‍යාත්මක ඇප්ස් වැනි ක්ෂේත්‍රවල සරල සංගීත හඬක් එක් කිරීමේ හැකියාව වැඩිවේ.
  • දෙවන පරිසරයේ පරීක්ෂා කිරීම, බග් හඳුනා ගැනීම, සහ පරිශීලක‑මිතුරුවූ UI සැලසුම් කිරීමේ පළපුරුද්ද ලැබේ.

අවසන් වශයෙන්, සුළු පරිමාණයේ මෙවලමක් නිර්මාණය කිරීමේදී “කේතය ක්‍රියා කරයි” යන්න පමණක් නොව, “පරිශීලක අත්දැකීම ආරක්ෂිතයි” යන්නත් සැලකිල්ලට ගත යුතුය. මෙවැනි නිරීක්ෂණය, ශ්‍රී ලංකාවේ තාක්ෂණික සමාජයට නව මාර්ගයක් විවෘත කරයි.

💡 ඔබේ මොබයිලයෙහි සරල සංගීතය අත්හදා බලන්න!
මූලාශ්‍රය මෙම ලිපිය AI මගින් රචිත මුල් සාරාංශයකි. සම්පූර්ණ වාර්තාව කියවන්න:
Dev.to ↗
#Web Audio #JavaScript #Mobile #Audio API #Developer