জাভাস্ক্রিপ্ট দিয়ে টেক্সট-টু-স্পিচ (TTS) API ব্যবহার করলে ওয়েব অ্যাপ আরও কাজের হয়ে ওঠে। Chrome আর Firefox-এর মতো আধুনিক ব্রাউজারে Web Speech API স্পিচ সিন্থেসিস ও রিকগনিশনের শক্তিশালী টুল দেয়। এই টিউটোরিয়ালে দেখবেন কীভাবে জাভাস্ক্রিপ্ট কোডে TTS API যোগ করবেন, টেক্সট স্পিচে রূপান্তর, স্পিচ কাস্টমাইজ এবং বিভিন্ন কণ্ঠস্বর ব্যবহার করবেন।
জাভাস্ক্রিপ্ট ও টেক্সট-টু-স্পিচ দিয়ে শুরু
শুরুতে HTML, CSS আর জাভাস্ক্রিপ্টের কিছু ধারণা লাগবে। আগে একটি HTML ফাইল বানিয়ে script src ট্যাগ দিয়ে জাভাস্ক্রিপ্ট ফাইল যুক্ত করুন। জাভাস্ক্রিপ্ট ফাইলে স্পিচ সিন্থেসিস অবজেক্ট চালু করে কণ্ঠস্বর প্রস্তুত হলে ইভেন্ট লিসেনার সেট করুন। const synth = window.speechSynthesis; // কণ্ঠস্বর লোড হওয়ার অপেক্ষা synth.onvoiceschanged = () => { const voices = synth.getVoices(); // কণ্ঠস্বর নিয়ে কিছু করুন }; কণ্ঠস্বর লোড হলে synth.getVoices() দিয়ে সেগুলো পাবেন। চাইলে forEach দিয়ে HTML-এ দেখাতে পারেন। const voiceSelect = document.getElementById('voice-select'); voices.forEach((voice) => { const option = document.createElement('option'); option.textContent = ${voice.name} (${voice.lang}); option.setAttribute('value', voice.lang); voiceSelect.appendChild(option); }); এরপর, টেক্সট ইনপুট থেকে কণ্ঠস্বর নিয়ে স্পিচে রূপান্তরের ফাংশন বানান। const speak = () => { const text = document.getElementById('text-input').value; const voice = voices[voiceSelect.selectedIndex]; const utterance = new SpeechSynthesisUtterance(text); utterance.voice = voice; synth.speak(utterance); }; speak ফাংশন চালাতে বাটন বা সাবমিট ইভেন্ট বেঁধে দিন। const button = document.getElementById('speak-button'); button.addEventListener('click', speak); এই কয়েক লাইনে টেক্সট রিয়েল-টাইমে স্পিচে বদলে ফেলা যায়। rate, pitch ও volume SpeechSynthesisUtterance-এ বদলে কাস্টমাইজ করতে পারবেন। utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; আরও জানতে আর ইভেন্ট নিয়ন্ত্রণ করতে অফিসিয়াল ডকুমেন্টেশন দেখে নিন।
Speechify দিয়ে ঝামেলাহীন সংযোজন
জাভাস্ক্রিপ্টে টেক্সট-টু-স্পিচ API ব্যবহারে Speechify দারুণ কাজ করে। Web Speech API-র সাথে সহজ কানেকশন রিয়েল-টাইম টেক্সট-টু-স্পিচ অনেক সহজ করে দেয়। বিস্তারিত ডকুমেন্টেশন ও টিউটোরিয়াল আছে, নতুন বা অভিজ্ঞ—দুজনেরই কাজে লাগবে। Speechify-তে নানা কণ্ঠস্বর আর স্পিচ রেট, পিচ ইচ্ছে মতো কাস্টমাইজ করতে পারবেন। ফ্রন্টএন্ড বা সফটওয়্যার ডেভেলপার যাই হোন, Speechify আপনার ওয়েব অ্যাপকে আরও প্রাণবন্ত করবে। সব মিলিয়ে, জাভাস্ক্রিপ্টে TTS API ওয়েব ডেভেলপমেন্টে নতুন দরজা খুলে দেয়। স্পিচ সিন্থেসিস যোগ করলে ব্যবহারকারীর জন্য অভিজ্ঞতা হয় আরও স্বচ্ছন্দ আর আকর্ষণীয়। Web Speech API আয়ত্তে আনুন—আপনার দক্ষতা যেমন বাড়বে, তেমনি ডাইনামিক অ্যাপ বানাতেও সুবিধা হবে। আজই শুরু করুন, টেক্সট-টু-স্পিচ দিয়ে ওয়েবপেজে নতুন জীবন দিন।
