কম্পিউটার টিউটোরিয়াল

JavaScript/HTML5-এ Web Audio API দিয়ে রিয়েল-টাইম সাউন্ড জেনারেট করা

Web Audio API ব্যবহার করে সাইন ভイブ্রেশন (Sine Wave) তৈরি

Web Audio API আডিও প্রসেসিং, সিনথেসিস, ইফেক্ট, ভিজ্যুয়ালাইজেশনের জন্য শক্তিশালী টুল। নিচে একটি সিম্পল ৫০০Hz সাইন ভイブ্রেশন ৫ সেকেন্ড প্লে করার উদাহরণ দেওয়া হলো।

কোড উদাহরণ

// ১. AudioContext তৈরি (প্রতি ডকুমেন্টে একবার)
const AudioContext = window.AudioContext || window.webkitAudioContext;
const ctx = new AudioContext();

// ২. Oscillator (সৌন্দ্র উৎস) তৈরি
const osc = ctx.createOscillator();
osc.type = 'sine';        // 'sine', 'square', 'sawtooth', 'triangle'
osc.frequency.value = 500; // ৫০০ Hz

// ৩. আউটপুটে (স্পিকার) কানেক্ট
osc.connect(ctx.destination);

// ৪. শুরু এবং ৫ সেকেন্ড পর বন্ধ
osc.start();
osc.stop(ctx.currentTime + 5);

ব্যাখ্যা

  • createOscillator(): পিরিওডিক ভイブ্রেশন জেনারেট করে।
  • type: তরঙ্গের আকার।
  • frequency.value: হার্টজ (Hz) এ ফ্রিকোয়েন্সি।
  • connect(destination): অডিও গ্রাফ কমপ্লিট করে।
  • start() / stop(): প্লেব্যাক কন্ট্রোল।

এই বেসিক কোড থেকে কমপ্লেক্স সিনথেসাইজার, ভিজ্যুয়ালাইজার, গেম সাউন্ড ইফেক্ট তৈরি করা যায়।

  1. জাভাস্ক্রিপ্ট ব্যবহার করে ক্যানভাসে ড্র করার পদ্ধতি

  2. জাভাস্ক্রিপ্ট দিয়ে টেক্সট ক্লিপবোর্ডে কপি কীভাবে করবেন?

  3. JavaScript-এ শুধু বর্তমান বছর (Current Year) দেখানোর পদ্ধতি (getFullYear)

  4. জাভাস্ক্রিপ্টে innerHTML সেট করুন