HTML5: सेंसर उन लोगों के लिए, जो प्रतीक्षा करने के अभ्यस्त नहीं हैं

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

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

वेब अनुप्रयोगों के बारे में क्या? यहां, प्रगति भी स्थिर नहीं है, W3C कंसोर्टियम वेब के लिए सेंसर एपीआई विकसित कर रहा है। इसके अलावा, सेंसर के साथ काम करने के लिए कार्य पहले से ही मोबाइल ब्राउज़र के कुछ संस्करणों में आंशिक रूप से लागू किए जाते हैं, उदाहरण के लिए, डिवाइस ओरिएंटेशन इवेंट को संभालना।

कुछ हफ़्ते मैं वेब अनुप्रयोगों में सेंसर का उपयोग करने में रुचि रखता था, और पाया कि विंडोज के लिए कोई भी ब्राउज़र उन्हें समर्थन नहीं करता है। कोई आराम कर सकता है और समर्थन के लिए इंतजार कर सकता है, लेकिन जैसा कि वे कहते हैं, यह हमारी विधि नहीं है। एक समय में, अपनी जिज्ञासा को पूरा करने के लिए, मैंने Google Chrome के लिए एक्सटेंशन बनाने की संभावना का अध्ययन किया जिसमें NPAPI प्लगइन्स शामिल हैं, जो अनिवार्य रूप से DLL लाइब्रेरी हैं, और आप उनमें प्लेटफ़ॉर्म के साथ लगभग किसी भी इंटरैक्शन को लागू कर सकते हैं। मैंने इस अनुभव को व्यवहार में लाने का फैसला किया और इसका परिणाम था क्रोम एक्सटेंशन के लिए सेंसर ।

यह कैसे काम करता है

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

डेटा प्राप्त करने के लिए, पेज एक श्रोता को पंजीकृत करता है और डेटा प्राप्त करता है। पृष्ठ पर डेटा प्राप्त करने वाला कोड का टुकड़ा इस तरह दिखता है:

window.addEventListener("message", function(event) { if (event.data.type && (event.data.type == "INCLINOMETER_DATA")) { event.data.x; event.data.y; event.data.z; } }, false); 

Event.data ऑब्जेक्ट में, x, y, z मान उपलब्ध होंगे जो कि एप्लिकेशन के कार्यों के आधार पर व्याख्या किए जा सकते हैं।

एक्सटेंशन के अतिरिक्त, मैंने एक टेस्ट सिंपल भूलभुलैया एप्लीकेशन भी बनाया और mr doob - बॉल पूल से नमूना कोड को थोड़ा संशोधित किया।



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

 window.addEventListener("message", function(event) { if(event.data.type && (event.data.type == "INCLINOMETER_DATA")) { gravity.x = Math.sin((event.data.y) * Math.PI / 180) ; gravity.y = Math.sin((Math.PI / 4) + event.data.x * Math.PI / 180); } }, false); 

यदि आपके पास हाथ में सेंसर के साथ "हार्डवेयर" नहीं है, लेकिन आप पहले से ही इसे आज़माना चाहते हैं, तो आप इस लेख में वर्णित "वर्चुअल" सेंसर का उपयोग कर सकते हैं।

सामान्य तौर पर, यदि आप सेंसर के साथ खेलने के लिए इंतजार नहीं कर सकते हैं और आप एक HTML5 डेवलपर हैं, तो यहां आपका टर्नकी समाधान है। उपयोग, प्रयोग, जो जानता है, शायद खेल के दौरान आप अनूठे विचारों के साथ आएंगे और आपके अनुप्रयोगों का उपयोग करने के नए मॉडल खुलेंगे।