पीडब्ल्यूए कंपन एपीआई

ब्रम, ब्रम!

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

(देव-)जंगल में गड़गड़ाहट

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

एपीआई का उपयोग अपने आप में उतना ही सीधा है जितना इसे मिलता है। यहाँ एक उदाहरण है:

// All examples assume that we have 
// access to the 'window' and use Typescript.
// Specifically, we're using optional chaining
// for simplified handling of undefined if no
// API is available.

const vibrateOnceOnClick = () => {
  // A simple one-liner is all that's needed.
  // To use a single vibration, we simple 
  // provide an integer representing the ms
  // a single pulse should last.
  window.navigator?.vibrate?.(200);
}

const vibratePatternOnClick = () => {
  // For more than one puse, an array has to be
  // provided, again defining each pulse's lenght
  // in milliseconds.
  window.navigator?.vibrate?.([50, 200, 50, 200]);
}

यह प्रमाणित करने के लिए कि यह कोड काम कर रहा है, बस कोड स्निपेट के निचले दाएं कोने में कॉपी-बटन पर टैप करें। यदि आपका उपकरण इसका समर्थन करता है, तो कॉपी-टू-क्लिपबोर्ड कार्रवाई को स्वीकार करने के लिए एक हल्का कंपन शुरू किया जाना चाहिए।

हम लगभग पूरा कर चुके हैं, आइए एपीआई की अंतिम विशेषताओं पर एक नज़र डालें:

const cancelVibration = () => {
  // Quick and easy: call 'vibrate' with
  // a val of 0 and the current vibration
  // is stopped.
  window.navigator?.vibrate?.(0);
}

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

• Tom