रामबलर के खोज बार में, आप न केवल लिख सकते हैं - बल्कि बोल भी सकते हैं

हाय% USERNAME%!

संस्करण 11 से शुरू होकर, Google Chrome इनपुट टैग में भाषण को पहचानने में सक्षम था;
चूंकि अवसर है, इसका उपयोग नहीं करना पाप है :)

अब जुआरी की खोज पट्टी में आप न केवल लिख सकते हैं - बल्कि बोल भी सकते हैं।




कोई भी <input type = 'text' /> x-webkit- भाषण विशेषता पर सेट किया जा सकता है और इनपुट पर एक माइक्रोफोन आइकन दिखाई देगा। माइक्रोफ़ोन पर क्लिक करके, एक विंडो खुलती है जो आपको एक शब्द या वाक्यांश उच्चारण करने की पेशकश करती है और इनपुट में मान्यता प्राप्त पाठ के बाद दिखाई देती है।

दुर्भाग्य से, ब्राउज़र माइक्रोफोन बटन को स्टाइल करने पर कुछ प्रतिबंध लगाता है, लेकिन इसके साथ कुछ चीजें की जा सकती हैं।

माइक्रोफोन आइकन एक छद्म तत्व है: - वेबकिट-इनपुट-स्पीच-बटन;
डिफ़ॉल्ट रूप से, इसकी निम्नलिखित शैलियाँ हैं:

input::-webkit-input-speech-button { -webkit-appearance: -webkit-input-speech-button; display: inline-block; } 

बटन की उपस्थिति को बदलने के लिए, आप निम्नलिखित सीएसएस का उपयोग कर सकते हैं:

 input::-webkit-input-speech-button { -webkit-appearance: button; background: url('voice_icon.png') no-repeat 0px 2px; float: right; width: 15px; height: 16px } 

माइक्रोफ़ोन की उपस्थिति को बदलने की क्षमता के अलावा, ब्राउज़र onwebkitspeechchange DOM इवेंट तक पहुंच प्रदान करता है , जो उपयोगकर्ता द्वारा भाषण मान्यता का उपयोग किए जाने के तुरंत बाद चालू हो जाता है।

फ़ील्ड मान बदलने के तुरंत बाद फ़ॉर्म सबमिट करने का एक उदाहरण:

 document.getElementById('search_query').onwebkitspeechchange = function(evt){ document.getElementById('search_form').submit(); }; 

फ़ंक्शन के लिए दिए गए पैरामीटर में, onwebkitspeechchange हैंडलर को एक ईवेंट ऑब्जेक्ट प्राप्त होता है , जिसमें से सबसे दिलचस्प हिस्सा सुझाए गए मान्यता विकल्पों की एक सरणी के साथ परिणाम फ़ील्ड है।

भाषण मान्यता ब्राउज़र भाषा पर आधारित है - लेकिन अगर html टैग में विशेषता lang = "de_DE" है, तो जर्मन भाषण मान्यता प्राप्त है।

यदि आप दस्तावेज़ में निर्दिष्ट करते हैं तो वही बात होती है

<meta http-equiv='Content-Language' content='de_DE' />

सब कुछ पसंद है। बल आपके साथ हो सकता है :)

इवान पोलुयानोव
डेवलपर