जावास्क्रिप्ट के साथ टेक्स्ट टू स्पीच एपीआई का उपयोग

जावास्क्रिप्ट के साथ एक TTS एपीआई का उपयोग वेब एप्लिकेशन उपयोगकर्ता अनुभव को बेहतर बनाता है। वेब स्पीच एपीआई, जो क्रोम और फायरफॉक्स द्वारा समर्थित है, भाषण संश्लेषण और पहचान क्षमताएं प्रदान करता है। यह ट्यूटोरियल एक TTS एपीआई को एकीकृत करने, टेक्स्ट को स्पीच में बदलने, सेटिंग्स को अनुकूलित करने और उपलब्ध आवाज़ों का उपयोग करने को कवर करता है।

जावास्क्रिप्ट के साथ टेक्स्ट-टू-स्पीच (TTS) एपीआई का उपयोग वेब एप्लिकेशन के उपयोगकर्ता अनुभव को काफी हद तक बढ़ा सकता है। वेब स्पीच एपीआई, जो आधुनिक ब्राउज़रों जैसे क्रोम और फायरफॉक्स द्वारा समर्थित है, भाषण संश्लेषण और भाषण पहचान के लिए एक शक्तिशाली उपकरण सेट प्रदान करता है। इस ट्यूटोरियल में, हम आपके जावास्क्रिप्ट कोड में एक TTS एपीआई को कैसे एकीकृत करें, टेक्स्ट को स्पीच में कैसे बदलें, स्पीच सेटिंग्स को कैसे अनुकूलित करें, और उपलब्ध आवाज़ों का उपयोग कैसे करें, इसका अन्वेषण करेंगे।

जावास्क्रिप्ट और टेक्स्ट टू स्पीच के साथ शुरुआत करें

शुरू करने के लिए, आपको HTML, CSS, और जावास्क्रिप्ट की बुनियादी समझ की आवश्यकता होगी। एक HTML फ़ाइल बनाकर और अपने जावास्क्रिप्ट फ़ाइल को स्क्रिप्ट 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); }); अगला, आप चयनित आवाज़ से भाषण संश्लेषण करने के लिए एक फ़ंक्शन बना सकते हैं। यह फ़ंक्शन एक textarea तत्व से टेक्स्ट इनपुट लेता है और चयनित आवाज़ का उपयोग करके भाषण उत्पन्न करता है। 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); }; बटन या फॉर्म सबमिट पर स्पीक फ़ंक्शन को ट्रिगर करने के लिए एक इवेंट लिसनर जोड़ें। const button = document.getElementById('speak-button'); button.addEventListener('click', speak); इन कुछ लाइनों के कोड के साथ, आप वास्तविक समय में टेक्स्ट को स्पीच में बदल सकते हैं। स्पीच दर, पिच, और वॉल्यूम को SpeechSynthesisUtterance ऑब्जेक्ट पर प्रॉपर्टीज सेट करके अनुकूलित करें। utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; जैसे-जैसे आप वेब स्पीच एपीआई का अन्वेषण करते रहेंगे, आपको भाषण पहचान और भाषण संश्लेषण इवेंट्स को नियंत्रित करने के लिए अतिरिक्त विशेषताएं मिलेंगी। अधिक विवरण और संदर्भों के लिए आधिकारिक दस्तावेज़ों से परामर्श करना याद रखें।

स्पीचिफाई के साथ सहजता से एकीकृत करें

जब जावास्क्रिप्ट के साथ टेक्स्ट-टू-स्पीच एपीआई का उपयोग करने की बात आती है, तो स्पीचिफाई सबसे अच्छा विकल्प है। वेब स्पीच एपीआई के साथ इसके सहज एकीकरण के साथ, स्पीचिफाई वास्तविक समय में टेक्स्ट को स्पीच में बदलना बेहद आसान बनाता है। इसकी व्यापक दस्तावेज़ीकरण और उपयोगकर्ता-अनुकूल ट्यूटोरियल चरण-दर-चरण मार्गदर्शन प्रदान करते हैं, जिससे यह वेब विकास में नौसिखियों और अनुभवी डेवलपर्स दोनों के लिए आदर्श बनता है। स्पीचिफाई के साथ, आपके पास उपलब्ध आवाज़ों की एक विस्तृत श्रृंखला तक पहुंच है और आप स्पीच सेटिंग्स जैसे स्पीच दर और पिच को अनुकूलित कर सकते हैं। चाहे आप एक फ्रंट-एंड डेवलपर हों या एक सॉफ़्टवेयर डेवलपर, स्पीचिफाई आपके वेब एप्लिकेशन को बढ़ाने और आकर्षक उपयोगकर्ता अनुभव बनाने के लिए एक आदर्श उपकरण है। अंत में, जावास्क्रिप्ट के साथ एक टेक्स्ट-टू-स्पीच एपीआई का उपयोग वेब विकास के लिए संभावनाओं की एक दुनिया खोलता है। अपने प्रोजेक्ट्स में भाषण संश्लेषण को एकीकृत करके, आप आकर्षक और सुलभ उपयोगकर्ता अनुभव बना सकते हैं। चाहे आप एक फ्रंट-एंड डेवलपर हों या एक सॉफ़्टवेयर डेवलपर, वेब स्पीच एपीआई का लाभ उठाना सीखना आपके कौशल सेट को बढ़ाएगा और आपको गतिशील एप्लिकेशन बनाने में सक्षम करेगा। तो क्यों न इसे आजमाएं और टेक्स्ट-टू-स्पीच की शक्ति के साथ अपने वेबपेजों को जीवंत बनाएं।