बेहतरीन पीडब्ल्यूए

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

ऐप्लिकेशन के गैप को कम करना

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

हर सुविधा को मानकीकरण की लंबी प्रोसेस से गुज़रना पड़ता है. इससे कम्यूनिटी से सुझाव/राय पाने में मदद मिलती है. साथ ही, यह पक्का किया जा सकता है कि एपीआई का फ़ाइनल डिज़ाइन सुरक्षित, निजी, और भरोसेमंद हो. नई सुविधाओं को ओपन ट्रैकर में ट्रैक किया जाता है. इन्हें पांच कैटगरी में से किसी एक में बांटा जा सकता है:

भेजा गया

Chrome के सबसे नए स्टेबल वर्शन में इस्तेमाल किया जा सकता है. इसका इस्तेमाल भरोसेमंद तरीके से किया जा सकता है. हालांकि, इसके लिए यह ज़रूरी है कि सुविधा का इस्तेमाल सही तरीके से किया गया हो.

ओरिजनल ट्रायल में

यह Chrome के ऑरिजिन ट्रायल (ओटी) के तौर पर उपलब्ध है. इससे एक्सपेरिमेंट के तौर पर उपलब्ध सुविधाओं और एपीआई की पुष्टि, Chrome टीम कर सकती है. साथ ही, आपको एपीआई के इस्तेमाल और असर के बारे में सुझाव/राय देने या शिकायत करने का मौका मिलता है. ओटी, ऑप्ट-इन होते हैं. इनकी मदद से, अपने उपयोगकर्ताओं के साथ इस सुविधा की बीटा टेस्टिंग की जा सकती है. इसके लिए, उपयोगकर्ताओं को अपने ब्राउज़र में किसी खास फ़्लैग को टॉगल करने की ज़रूरत नहीं होती. ओटी के बाद एपीआई में बदलाव हो सकते हैं. साथ ही, लॉन्च से पहले कुछ समय तक ओटी उपलब्ध नहीं होते हैं. इसलिए, इन्हें नए एपीआई को जल्दी लॉन्च करने के तरीके के तौर पर नहीं माना जाना चाहिए.

IN DEVELOPER TRIAL

Chrome में फ़्लैग के पीछे उपलब्ध है. ये एपीआई एक्सपेरिमेंट के तौर पर उपलब्ध हैं और इन पर अब भी काम चल रहा है. ये एपीआई, प्रोडक्शन के लिए तैयार नहीं हैं. इनमें बग हो सकते हैं और इनके एपीआई में बदलाव हो सकता है. डेवलपर इस समय का इस्तेमाल, एक्सपेरिमेंट के तौर पर उपलब्ध सुविधाओं को आज़माने के लिए कर सकते हैं. हालांकि, उन्हें अपने उपयोगकर्ताओं को, सुविधाओं का इस्तेमाल करने के लिए फ़्लैग चालू करने के लिए नहीं कहना चाहिए.

STARTED

इस पर काम शुरू हो गया है, लेकिन फ़िलहाल कोई भी एपीआई उपलब्ध नहीं है.

समीक्षा में है

ऐसे एपीआई जिनमें उपयोगकर्ताओं ने दिलचस्पी दिखाई है, लेकिन अब तक उन्हें लागू नहीं किया गया है. अगर कोई एपीआई अब तक शुरू नहीं किया गया है, तो कृपया उसे स्टार करें या उसके मसले में इस्तेमाल के उदाहरण जोड़ें, ताकि Chromium टीम उसे प्राथमिकता दे सके.

अपने PWA को बेहतर बनाना

अपना PWA बनाते समय, इन एपीआई और सबसे सही तरीकों को लागू करें. इससे आपके वेब ऐप्लिकेशन का अनुभव बेहतर होगा. इस्तेमाल के सामान्य उदाहरणों के हिसाब से, आपके ऐप्लिकेशन को एक या उससे ज़्यादा एपीआई से फ़ायदा मिल सकता है. इससे उपयोगकर्ता अनुभव को बेहतर बनाया जा सकता है. 🔮 के निशान वाले एपीआई, ऑरिजिन ट्रायल में हैं. 🚩 के निशान वाले एपीआई, डेवलपर ट्रायल में हैं. 📱 के निशान वाले एपीआई, फ़िलहाल मोबाइल पर स्टेबल हैं और डेस्कटॉप पर लागू किए जा रहे हैं. इसके अलावा, बताए गए अन्य एपीआई स्टेबल हैं. हालांकि, ऐसा हो सकता है कि वे सभी प्लैटफ़ॉर्म पर उपलब्ध न हों. इसमें सिर्फ़ वे एपीआई शामिल हैं जो Chrome के मौजूदा स्टेबल, बीटा (β के तौर पर मार्क किया गया) या कैनरी (α के तौर पर मार्क किया गया) वर्शन में उपलब्ध हैं. रिलीज़ किए जा रहे एपीआई को दिखाने के लिए, इस सूची को नियमित रूप से अपडेट किया जाएगा.

ऐप्लिकेशन इंस्टॉल करना

अगर आपको अपने वेब ऐप्लिकेशन को टास्कबार, लॉन्चर, डेस्कटॉप, और ऐप्लिकेशन स्विचर जैसे इंस्टॉल किए गए अन्य ऐप्लिकेशन के साथ उपलब्ध कराना है, तो इन एपीआई को लागू करें, ताकि आपका PWA इंस्टॉल किया जा सके. अगर चाहें, तो यह कोडलैब देखें.

  • वेब ऐप्लिकेशन मेनिफ़ेस्ट - यह ब्राउज़र और ऑपरेटिंग सिस्टम को आपके वेब ऐप्लिकेशन के बारे में जानकारी देता है. जैसे, नाम, लोगो, ऐप्लिकेशन को किस यूआरएल से शुरू करना है, और आपके वेब ऐप्लिकेशन को कैसे दिखाना है.
  • सर्विस वर्कर और कैश स्टोरेज एपीआई - इससे आपके वेब ऐप्लिकेशन को प्रॉक्सी सर्वर बनाने और ब्राउज़र की कैश मेमोरी को मैनेज करने का तरीका कंट्रोल करने की अनुमति मिलती है. सर्विस वर्कर को ब्राउज़र के फ़ेच इवेंट पर प्रतिक्रिया देनी चाहिए. साथ ही, उसे वेब ऐप्लिकेशन मेनिफ़ेस्ट में बताए गए स्टार्ट यूआरएल के लिए, फ़ेच अनुरोध का जवाब ऑफ़लाइन होने पर भी कॉन्टेंट के साथ देना चाहिए. ऐसा करना, इंस्टॉल किए जा सकने वाले ऐप्लिकेशन के लिए ज़रूरी है.
  • लॉगिन करने पर ऐप्लिकेशन अपने-आप लॉन्च होने की सुविधा 🚩β - इसकी मदद से, पीडब्ल्यूए को इस तरह कॉन्फ़िगर किया जा सकता है कि उपयोगकर्ता के लॉगिन करने पर, वह अपने-आप लॉन्च हो जाए.
  • ऐप्लिकेशन के आइकॉन के शॉर्टकट - अपने वेब ऐप्लिकेशन के साथ, खास यूआरएल के शॉर्टकट उपलब्ध कराएं.उदाहरण के लिए, इंस्टॉल किए गए ऐप्लिकेशन के आइकॉन के कॉन्टेक्स्ट मेन्यू (यानी कि मोबाइल डिवाइसों पर दबाकर रखें और डेस्कटॉप पर राइट क्लिक करें) से, चैट शुरू करना, फ़ोटो अपलोड करना वगैरह. यह सुविधा, उन प्लैटफ़ॉर्म पर उपलब्ध है जिन पर यह काम करती है.
  • getInstalledRelatedApps - इससे आपके वेब ऐप्लिकेशन को यह पता चलता है कि आपका PWA, Android ऐप्लिकेशन या Windows (UWP) ऐप्लिकेशन पहले से इंस्टॉल है या नहीं.

ज़रूरत के हिसाब से और ऐक्सेस करने में आसान

अगर आपको अपने वेब ऐप्लिकेशन को अलग-अलग डिवाइसों और शारीरिक और/या मानसिक ज़रूरतों वाले उपयोगकर्ताओं के लिए उपलब्ध कराना है, तो आपको ये सुविधाएं लागू करनी चाहिए:

  • रिस्पॉन्सिव डिज़ाइन - पक्का करें कि आपका वेब ऐप्लिकेशन, छोटी से लेकर बड़ी स्क्रीन साइज़ तक इस्तेमाल किया जा सके. साथ ही, यह भी पक्का करें कि यह ठीक से काम कर रहा हो. इससे अलग-अलग डिवाइसों और विंडो प्लेसमेंट का इस्तेमाल करने वाले लोग, आपके ऐप्लिकेशन का इस्तेमाल कर पाएंगे.
  • WCAG 2.0 के दिशा-निर्देश - पक्का करें कि आपका वेब ऐप्लिकेशन, शारीरिक और मानसिक रूप से अलग-अलग तरह की क्षमताएं रखने वाले लोग इस्तेमाल कर सकें. ऐसा न हो कि सिर्फ़ न्यूरोटिपिकल और शारीरिक रूप से स्वस्थ लोग ही इसे इस्तेमाल कर पाएं. यूके सरकार की सुलभता के लिए डिज़ाइन करते समय क्या करें और क्या न करें भी देखें.

कमाई करना और डिस्ट्रिब्यूशन

  • वेब पेमेंट - ऑनलाइन पेमेंट के लिए फ़्लेक्सिबल और स्टैंडर्ड इंटरफ़ेस. यह किसी भी ब्राउज़र या डिवाइस पर काम करता है. साथ ही, इसका इस्तेमाल पेमेंट की सेवा देने वाली किसी भी कंपनी के साथ किया जा सकता है.
  • Digital Goods API 🔮 - यह एक स्टैंडर्ड इंटरफ़ेस है. इसकी मदद से, वेब ऐप्लिकेशन से इन-ऐप्लिकेशन खरीदारी के बारे में क्वेरी की जा सकती है और उन्हें मैनेज किया जा सकता है. इसमें खरीदारी के सामान्य टाइप के लिए सहायता भी शामिल है. जैसे, एक बार की जाने वाली खरीदारी, बार-बार की जाने वाली खरीदारी (जैसे, गेम में मिलने वाले रत्न/मुद्रा) और सदस्यताएं. यह Web Payments के साथ मिलकर काम करता है.
  • भरोसेमंद वेब गतिविधि - अपने PWA के लिए एक Android ऐप्लिकेशन बनाएं, ताकि इसे Google Play जैसे स्टोर में डाउनलोड के लिए उपलब्ध कराया जा सके.

क्लिपबोर्ड का ऐक्सेस

  • Async Clipboard - इससे उपयोगकर्ता के क्लिपबोर्ड पर मौजूद टेक्स्ट और इमेज को पढ़ा और लिखा जा सकता है. साथ ही, उपयोगकर्ता के कॉपी और चिपकाने के इवेंट को सुना जा सकता है.

सूचनाएं

अगर आपके वेब ऐप्लिकेशन को उपयोगकर्ताओं को सूचनाएं भेजनी हैं, जैसे कि चैट ऐप्लिकेशन या बैकग्राउंड में चल रही एन्कोडिंग की प्रोसेस के बारे में, तो इन एपीआई को लागू किया जा सकता है:

  • वेब पुश नोटिफ़िकेशन - जब कोई उपयोगकर्ता इस सुविधा के लिए ऑप्ट-इन करता है, तब आपका वेब ऐप्लिकेशन उसे पुश नोटिफ़िकेशन भेज सकता है.
  • Badging API - इसकी मदद से, इंस्टॉल किए गए वेब ऐप्लिकेशन के ऐप्लिकेशन आइकॉन पर, ऐप्लिकेशन-वाइड बैज सेट किया जा सकता है. इसके साथ ही, बैज पर कोई संख्या भी सेट की जा सकती है.
  • सूचना ट्रिगर करने वाले इवेंट 🔮 - जब ट्रिगर करने की शर्त पूरी हो जाती है, तब उपयोगकर्ताओं को सूचनाएं भेजें. उदाहरण के लिए, समय या जगह के हिसाब से (कैलेंडर इवेंट की सूचनाओं के बारे में सोचें)

इस्तेमाल के इरादे से जुड़ी जानकारी शेयर करना और प्रोटोकॉल हैंडल करना

  • यूआरएल प्रोटोकॉल रजिस्ट्रेशन 🚩α - इसकी मदद से वेब ऐप्लिकेशन, कस्टम यूआरएल प्रोटोकॉल/स्कीम के हैंडलर के तौर पर खुद को रजिस्टर कर सकते हैं. इसके लिए, उन्हें अपने इंस्टॉलेशन मेनिफ़ेस्ट का इस्तेमाल करना होगा.
  • वेब शेयर - इस सुविधा का इस्तेमाल करके, यूआरएल, टेक्स्ट, और फ़ाइलों को उन डिवाइसों पर इंस्टॉल किए गए दूसरे ऐप्लिकेशन के साथ शेयर किया जा सकता है जिन पर यह सुविधा काम करती है. इसके लिए, डिवाइस में पहले से मौजूद सिस्टम शेयरिंग यूज़र इंटरफ़ेस (यूआई) का इस्तेमाल किया जाता है. आपके ऐप्लिकेशन को इंस्टॉल करने की ज़रूरत नहीं है.
  • वेब शेयर टारगेट - यह सुविधा, इंस्टॉल किए गए PWA को उन डिवाइसों पर सिस्टम के साथ पहले से मौजूद शेयरिंग यूज़र इंटरफ़ेस (यूआई) में उपलब्ध कराती है जिन पर यह काम करती है. इससे लोग, दूसरे ऐप्लिकेशन से आपके ऐप्लिकेशन पर टेक्स्ट और फ़ाइलें शेयर कर पाते हैं.

फ़ाइलें खोलना और सेव करना

  • File Handling API 🚩 - इंस्टॉल किए गए वेब ऐप्लिकेशन को ऑपरेटिंग सिस्टम के साथ रजिस्टर करें. इससे ऑपरेटिंग सिस्टम को यह पता चलेगा कि ऐप्लिकेशन, दिए गए MIME टाइप और/या फ़ाइल एक्सटेंशन वाली फ़ाइलों को हैंडल (पढ़ना/स्ट्रीम करना/बदलाव करना) कर सकता है. इससे, उदाहरण के लिए, उन्हें कॉन्टेक्स्ट मेन्यू की “इस ऐप्लिकेशन से खोलें…” सूची में एक विकल्प के तौर पर दिखाया जा सकता है.
  • File System Access API - इससे हर सेशन में उपयोगकर्ता के फ़ाइल सिस्टम को ऐक्सेस किया जा सकता है. इससे ये इंटरैक्शन किए जा सकते हैं (आपके ऐप्लिकेशन की ज़रूरत के मुताबिक)
    • लोकल फ़ाइल सिस्टम से फ़ाइलें पढ़ना - इससे फ़ाइल पिकर दिखता है. साथ ही, उपयोगकर्ता को खोलने के लिए एक या एक से ज़्यादा फ़ाइलें चुनने की अनुमति मिलती है. इसमें एमआईएमई टाइप और एक्सटेंशन के हिसाब से, अनुमति वाले फ़ाइल टाइप को सीमित करने की सुविधा भी शामिल है.
    • खुली हुई फ़ाइल में किए गए बदलाव सेव करें - FSA की मदद से सीधे तौर पर खोली गई फ़ाइल में किए गए बदलाव सेव करें. इसके लिए, उपयोगकर्ता को यह चुनने के लिए नहीं कहा जाएगा कि फ़ाइल को कहां सेव करना है या उसे कॉपी डाउनलोड करने के लिए नहीं कहा जाएगा.
    • लोकल फ़ाइल सिस्टम पर नई फ़ाइल बनाएं - किसी उपयोगकर्ता को अपने लोकल फ़ाइल सिस्टम पर नई फ़ाइल बनाने की अनुमति दें. इसके लिए, डिफ़ॉल्ट फ़ाइल एक्सटेंशन का इस्तेमाल किया जा सकता है. इसके बाद, आपका ऐप्लिकेशन उस फ़ाइल को सेव कर सकता है.
    • हाल ही में खोली गई फ़ाइलें - FSA की मदद से बनाए गए फ़ाइल हैंडलर को IndexedDB में सेव किया जा सकता है. इससे आपको उपयोगकर्ता सेशन के बीच, हाल ही में इस्तेमाल की गई फ़ाइलों की सूची दिखाने की अनुमति मिलती है. हालांकि, सेशन के बीच में भी बदलाव करने की अनुमतियां बनी नहीं रहती हैं
    • किसी डायरेक्ट्री को पढ़ना, उसमें लिखना, और उसमें बदलाव करना - इससे किसी उपयोगकर्ता को अपने लोकल फ़ाइल सिस्टम पर कोई डायरेक्ट्री चुनने की अनुमति मिलती है. इसके बाद, आपका ऐप्लिकेशन उस डायरेक्ट्री का कॉन्टेंट पढ़ सकता है. साथ ही, उसमें फ़ाइलें और सबडायरेक्ट्री बना सकता है, उन्हें पढ़ सकता है, और मिटा सकता है. इसके अलावा, वह डायरेक्ट्री में फ़ाइल का रिलेटिव पाथ भी तय कर सकता है.
  • कंप्रेशन स्ट्रीम - gzip और deflate कंप्रेशन एल्गोरिदम का इस्तेमाल करके कंप्रेस या डिकंप्रेस करें.

विंडो मैनेज करने की अनुमति

  • Fullscreen API - इससे उपयोगकर्ता को यह अनुमति मिलती है कि वह आपके वेब ऐप्लिकेशन में मौजूद किसी एलिमेंट, जैसे कि वीडियो को पूरी स्क्रीन पर ले जा सके
  • क्रॉस-स्क्रीन विंडो प्लेसमेंट एपीआई 🔮 - इससे आपके वेब ऐप्लिकेशन को कनेक्ट किए गए डिसप्ले के बारे में जानकारी मिलती है. साथ ही, इन डिसप्ले के हिसाब से विंडो को पोज़िशन किया जा सकता है. इससे मल्टी-विंडो और मल्टी-डिसप्ले वाले वेब ऐप्लिकेशन इस्तेमाल किए जा सकते हैं.
  • टैब में ऐप्लिकेशन दिखाने का मोड 🚩 - इससे इंस्टॉल किए गए वेब ऐप्लिकेशन को एक से ज़्यादा टैब में दिखाया जा सकता है. ऐसा ज़रूरी नहीं है कि उसे सिर्फ़ एक विंडो में दिखाया जाए.

ओएस के साथ बेहतर इंटिग्रेशन

  • Local Fonts API 🔮 - इसकी मदद से, आपका वेब ऐप्लिकेशन स्थानीय तौर पर इंस्टॉल किए गए फ़ॉन्ट की सूची बना सकता है. साथ ही, यह लो-लेवल (बाइट-ओरिएंटेड) SFNT कंटेनर ऐक्सेस करने का अनुरोध कर सकता है. इसमें फ़ॉन्ट का पूरा डेटा शामिल होता है. इससे आपका ऐप्लिकेशन, स्थानीय तौर पर इंस्टॉल किए गए फ़ॉन्ट को कस्टम-रेंडर कर सकता है.
  • वेक लॉक - इसकी मदद से, आपका वेब ऐप्लिकेशन स्क्रीन को स्लीप मोड में जाने से रोक सकता है.इससे आपका वेब ऐप्लिकेशन, लंबे समय तक चलने वाले टास्क बिना किसी रुकावट के पूरे कर सकता है. जैसे, फ़ाइल ट्रांसकोडिंग या खाना बनाते समय रेसिपी को चालू रखना
  • कुछ समय से इस्तेमाल न होने का पता लगाना 🔮 - इससे आपके वेब ऐप्लिकेशन को यह पता लगाने की अनुमति मिलती है कि उपयोगकर्ता अपने डिवाइस का इस्तेमाल नहीं कर रहा है.

ऑफ़लाइन सहायता की सुविधा को बेहतर बनाया गया

अगर आपको अपने वेब ऐप्लिकेशन को ऑफ़लाइन मोड में और भी बेहतर तरीके से काम करने लायक बनाना है, तो इन एपीआई को लागू करने के बारे में सोचें:

  • बैकग्राउंड सिंक - जब इंटरनेट न हो, तो उन अनुरोधों को लाइन में लगाएं जिनके लिए कनेक्शन की ज़रूरत होती है. इसके बाद, जब नेटवर्क उपलब्ध हो, तो वेब ऐप्लिकेशन के डेटा को बैकग्राउंड में सिंक करें. ऐसा इसलिए किया जाता है, ताकि इंटरनेट न होने पर अनुरोधों को प्रोसेस न किया जाए. उदाहरण के लिए, इंटरनेट से दोबारा कनेक्ट होने पर मैसेज भेजने की अनुमति देना या सिंक किए गए दस्तावेज़ में धीरे-धीरे बदलाव करना.
  • समय-समय पर बैकग्राउंड सिंक होने की सुविधा - इस सुविधा की मदद से, इंस्टॉल किए गए और अक्सर इस्तेमाल किए जाने वाले वेब ऐप्लिकेशन के सर्विस वर्कर को समय-समय पर चालू किया जा सकता है. इसके लिए, कम से कम समय बीतने की शर्त पूरी होनी चाहिए. उदाहरण के लिए, कैश मेमोरी को अपडेट करने के लिए सर्विस वर्कर को चालू किया जा सकता है, ताकि जब कोई उपयोगकर्ता ऐप्लिकेशन खोले, तो उसे अप-टू-डेट कॉन्टेंट दिखे.
  • Content Indexing API - इसकी मदद से, अपने वेब ऐप्लिकेशन को ब्राउज़र को यह बताने की अनुमति दें कि ऑफ़लाइन कौन-कौनसा कॉन्टेंट उपलब्ध है, ताकि ब्राउज़र उसे लोगों को दिखा सके.
  • बैकग्राउंड फ़ेच - इससे लंबे समय तक बैकग्राउंड फ़ेच करने की अनुमति मिलती है. जैसे, फ़िल्में डाउनलोड करना या वीडियो और इमेज अपलोड करना. इससे सर्विस वर्कर के बंद होने का खतरा नहीं होता.

मीडिया स्ट्रीमिंग, एन्कोडिंग, और डिकोडिंग

अगर आपका वेब ऐप्लिकेशन, वीडियो या ऑडियो फ़ाइलों जैसी मीडिया फ़ाइलें चलाता है, तो आपको इन एपीआई को लागू करने के बारे में सोचना चाहिए:

  • अडैप्टिव स्ट्रीमिंग - नेटवर्क की परफ़ॉर्मेंस के आधार पर, वीडियो स्ट्रीम को बिट रेट के बीच स्विच करने की अनुमति दें
  • पिक्चर में पिक्चर - इससे उपयोगकर्ता को आपके वेब ऐप्लिकेशन से वीडियो को हमेशा सबसे ऊपर दिखने वाली विंडो में ले जाने की अनुमति मिलती है. इसके बाद, इस विंडो को स्वतंत्र रूप से मूव और इसका साइज़ बदला जा सकता है
  • Media Session API - इसकी मदद से, उपयोगकर्ता आपके वेब ऐप्लिकेशन पर मीडिया चलाने की सुविधा को कंट्रोल कर सकता है. इसके लिए, वह हार्डवेयर और ओएस-लेवल के सॉफ़्टवेयर की सुविधाओं का इस्तेमाल कर सकता है. जैसे, कीबोर्ड या लॉक स्क्रीन पर मौजूद 'चलाएं/रोकें/बंद करें' बटन. इसके अलावा, ओएस-लेवल की मीडिया सूचनाओं को भी कंट्रोल किया जा सकता है. जैसे, टाइटल, कलाकार, एल्बम, और आर्टवर्क
  • Chromecast API - इससे किसी उपयोगकर्ता को, उपलब्ध Chromecast रिसीवर पर मीडिया कास्ट करने की अनुमति मिलती है. उदाहरण के लिए, अपने वेब ऐप्लिकेशन से किसी वीडियो को उनके टीवी पर चलाने के लिए.
  • Web Codecs 🔮 - इसमें हार्डवेयर और सॉफ़्टवेयर मीडिया एन्कोडर और डिकोडर का ऐक्सेस मिलता है. यह सुविधा, रीयल-टाइम में इस्तेमाल किए जाने वाले मामलों के लिए फ़ायदेमंद है. जैसे, कम समय में लाइव स्ट्रीमिंग और फ़ाइलों को एन्कोड, डिकोड, और ट्रांसकोड करना.

इनपुट के लिए ज़्यादा भाषाओं में सहायता

  • Pointer Events - एक ही एपीआई का इस्तेमाल करके, टच, स्टाइलस, और माउस इवेंट पर प्रतिक्रिया दें. इससे उपयोगकर्ताओं को ज़्यादा इनपुट विकल्प मिलते हैं. टच-फ़्रेंडली यूज़र इंटरफ़ेस (यूआई) और उपयोगकर्ता के इनपुट और कंट्रोल के लिए सबसे सही तरीके भी देखें.
  • Gamepad API - इसकी मदद से, आपका वेब ऐप्लिकेशन सामान्य गेमपैड से मिले इनपुट का जवाब दे सकता है
  • वेब एचआईडी 🚩 - इससे आपके वेब ऐप्लिकेशन को नॉन-स्टैंडर्ड ह्युमन इंटरफ़ेस डिवाइस (जैसे कि कस्टम कंट्रोलर) ऐक्सेस करने की अनुमति मिलती है

सहायक डिवाइसों के लिए ऐडवांस सपोर्ट

  • Web USB - इससे आपका वेब ऐप्लिकेशन, आपके ऐप्लिकेशन से नॉन-स्टैंडर्ड (जैसे, कीबोर्ड और माउस) यूएसबी डिवाइसों को ऐक्सेस कर सकता है
  • सीरियल एपीआई 🔮 - यह एपीआई, हार्डवेयर डिवाइसों के साथ कम्यूनिकेट करने के लिए जोड़ा जाता है. इसके लिए, फ़िज़िकल या वर्चुअल सीरियल पोर्ट का इस्तेमाल किया जाता है.

आपके पीडब्ल्यूए की चेकलिस्ट

क्या आप इन नए और बेहतर एपीआई की मदद से, अपने PWA को बेहतर बनाने के लिए तैयार हैं? यहां दिए गए इस्तेमाल के उदाहरणों में से कोई एक चुनें. इससे आपको इस्तेमाल करने के लिए, एपीआई का सुझाया गया सेट दिखेगा. इसके अलावा, अपनी चेकलिस्ट बनाएं और उसे पूरा करें!