Oculus Quest 2 पर PWA

The Oculus Quest 2 एक वर्चुअल रिएलिटी (वीआर) हेडसेट है. इसे Meta के डिवीज़न Oculus ने बनाया है. डेवलपर अब 2D और 3D प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) बना सकते हैं और उन्हें उपलब्ध करा सकते हैं. ये ऐप्लिकेशन, Oculus Quest 2 की मल्टीटास्किंग सुविधा का फ़ायदा लेते हैं.

Alexey Rodionov

Thomas Steiner

द ऑक्युलस क्वेस्ट 2

Oculus Quest 2 एक वर्चुअल रिएलिटी (वीआर) हेडसेट है, जिसे Meta के विभाग, Oculus ने बनाया है. यह कंपनी के पुराने हेडसेट, Oculus Quest का उत्तराधिकारी है. इस डिवाइस को एक इंटरनल और Android पर काम करने वाले ऑपरेटिंग सिस्टम के साथ स्टैंडअलोन हेडसेट के रूप में और यूएसबी या वाई-फ़ाई से कनेक्ट करने पर, डेस्कटॉप कंप्यूटर पर चल रहे Oculus के साथ काम करने वाले VR सॉफ़्टवेयर, दोनों के तौर पर चलाया जा सकता है. यह 6 जीबी रैम वाले चिप पर Qualcomm Snapdragon XR2 सिस्टम का इस्तेमाल करता है. Quest 2 का डिसप्ले, तेज़ी से बदलने वाला एक एलसीडी पैनल है. इसमें हर आंख के रिज़ॉल्यूशन के लिए 1,832 × 1,920 पिक्सल का रिज़ॉल्यूशन होता है. यह 120 हर्ट्ज़ तक की रीफ़्रेश दर पर चलता है.

Oculus ब्राउज़र

फ़िलहाल, Oculus Quest 2 के लिए तीन ब्राउज़र उपलब्ध हैं: Wolvic, Firefox रीयलिटी का वर्शन और पहले से मौजूद Oculus ब्राउज़र. इस लेख में, नीचे दी गई जानकारी के बारे में बताया गया है. Oculus की वेबसाइट, इस तरीके से Oculus ब्राउज़र पेश करती है.

"Oculus ब्राउज़र, वेब पर वीआर अनुभव बनाने में आपकी मदद करने के लिए नए वेब मानकों और अन्य टेक्नोलॉजी का इस्तेमाल करता है. आज की 2D वेब साइटें Oculus ब्राउज़र में बेहतर काम करती हैं, क्योंकि यह Chromium रेंडरिंग इंजन से चलता है. इसे Oculus हेडसेट के लिए ऑप्टिमाइज़ किया गया है, ताकि वेब डेवलपर नए एपीआई, जैसे कि WebXR की मदद से बेहतर परफ़ॉर्म कर सकें. इससे वेब डेवलपर को भी वीआर की मदद से, ज़्यादा से ज़्यादा फ़ायदा मिल पाता है. WebXR के ज़रिए, हम वेब की अगली दुनिया के दरवाज़े खोल रहे हैं."

उपयोगकर्ता एजेंट

लिखते समय, ब्राउज़र की उपयोगकर्ता एजेंट स्ट्रिंग इस तरह होती है.

Mozilla/5.0 (X11; Linux x86_64; Quest 2)
AppleWebKit/537.36 (KHTML, like Gecko)
OculusBrowser/18.1.0.2.46.337441587
SamsungBrowser/4.0
Chrome/95.0.4638.74
VR
Safari/537.36

जैसा कि आपको दिख रहा है, Oculus ब्राउज़र का मौजूदा वर्शन 18.1.0.2.46.337441587 Chrome पर आधारित है 95.0.4638.74, जो Chrome के मौजूदा स्टेबल वर्शन 96.0.4664.110 से सिर्फ़ एक वर्शन है. अगर उपयोगकर्ता मोबाइल मोड पर स्विच करता है, तो VR, Mobile VR में बदल जाता है.

यूज़र इंटरफ़ेस

ब्राउज़र के यूज़र इंटरफ़ेस (ऊपर दिखाया गया है) में ये सुविधाएं मिलती हैं (बाईं से दाईं ओर, सबसे ऊपर वाली पंक्ति):

• 'वापस जाएं' बटन
• फिर से लोड करें बटन
• साइट जानकारी
• यूआरएल बार
• बुकमार्क बनाएं बटन
• कम, मीडियम, और चौड़े विकल्पों के साथ-साथ ज़ूम करने की सुविधा की मदद से, बटन का साइज़ बदलें
• मोबाइल वेबसाइट के बटन के लिए अनुरोध करें
• इन विकल्पों वाला मेन्यू बटन:
  • निजी मोड में जाएं
  • सभी टैब बंद करना
  • सेटिंग
  • Bookmarks
  • डाउनलोड किया गया कॉन्टेंट
  • इतिहास
  • ब्राउज़िंग डेटा मिटाएं

नीचे की पंक्ति में ये सुविधाएं शामिल होती हैं:

• 'बंद करें' बटन
• 'छोटा करें' बटन
• तीन बिंदुओं वाला बटन, जिस पर पीछे, आगे जाने, और फिर से लोड करने के विकल्प दिख रहे हैं

रीफ़्रेश दर और डिवाइस पिक्सल का अनुपात

Oculus Quest 2 के लिए, Oculus ब्राउज़र, 2D वेब पेज कॉन्टेंट और WebXR, दोनों को 90 हर्ट्ज़ की रीफ़्रेश दर पर रेंडर करता है. फ़ुलस्क्रीन मीडिया देखते समय, Oculus ब्राउज़र, वीडियो के फ़्रेम रेट के हिसाब से डिवाइस की रीफ़्रेश दर को ऑप्टिमाइज़ करता है. जैसे, 24 FPS (फ़्रेम प्रति सेकंड). The Oculus Quest 2 में बेहतर टेक्स्ट के लिए डिवाइस का पिक्सल रेशियो 1.5 होता है.

Oculus ब्राउज़र और Oculus Store में PWA

Meeta (Oculus) के प्रॉडक्ट मैनेजमेंट लीड, जैकब रॉसी ने 28 अक्टूबर, 2021 को बताया कि Oculus Quest और Oculus Quest 2 में PWA लॉन्च हो रहे थे. यहां दिए गए उदाहरण में, Oculus पर PWA के अनुभव के बारे में बताया गया है. साथ ही, Oculus Quest 2 में PWA को बनाने, उसे अलग से लोड करने, और उसकी जांच करने का तरीका भी बताया गया है.

स्थिति की जानकारी शेयर करें

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

PWA विंडो साइज़

उपयोगकर्ता, इंस्टॉल किए गए PWA की ब्राउज़र विंडो और विंडो का साइज़ आसानी से बदल सकते हैं. ऊंचाई 625 पिक्सल से 1,200 पिक्सल के बीच हो सकती है. चौड़ाई 400 पिक्सल से 2,000 पिक्सल के बीच सेट की जा सकती है. डिफ़ॉल्ट डाइमेंशन 1,000 × 625 पिक्सल होते हैं.

PWA के साथ इंटरैक्ट करना

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

PWA के लिए अनुमतियां

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

हालांकि, कई अनुमतियां लागू की गई हैं, लेकिन सभी सुविधाएं काम नहीं करतीं. उदाहरण के लिए, भौगोलिक स्थान की अनुमति का अनुरोध करने पर, डिवाइस को कभी भी जगह की जानकारी नहीं मिलती. इसी तरह, अलग-अलग हार्डवेयर एपीआई जैसे कि WebHID, वेब ब्लूटूथ वगैरह, सुविधा की पहचान को पास करते हैं. हालांकि, ये असल में ऐसा पिकर नहीं दिखाते हैं जिससे उपयोगकर्ता, Oculus को हार्डवेयर डिवाइस से जोड़ सके. मुझे लगता है कि ब्राउज़र के मैच होने के बाद, एपीआई की सुविधा की पहचान करने की सुविधा को बेहतर बनाया जाएगा.

Chrome DevTools की मदद से PWA को डीबग करना

डेवलपर मोड चालू करने के बाद, Oculus Quest 2 पर PWA को डीबग करने के लिए, रिमोट डीबग वाले Android डिवाइसों में बताया गया तरीका ठीक से काम करता है.

1. Oculus डिवाइस पर, Oculus ब्राउज़र में अपनी मनचाही साइट पर ब्राउज़ करें.
2. अपने कंप्यूटर पर Google Chrome लॉन्च करें और chrome://inspect/#devices पर नेविगेट करें.
3. वह Oculus डिवाइस ढूंढें जिसके बाद उसके बाद Oculus ब्राउज़र टैब का सेट होगा जो फ़िलहाल डिवाइस पर खुला हुआ है.
4. अपनी पसंद के Oculus ब्राउज़र टैब पर, inspect पर क्लिक करें.

ऐप्लिकेशन को खोजने लायक बनाने से जुड़ी सुविधा

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

ध्यान दें: फ़िलहाल, Oculus ब्राउज़र में BeforeInstallPrompt इवेंट चालू नहीं होगा. भले ही, सुविधा की पहचान ने उसके काम करने की रिपोर्ट की हो.

Oculus Quest 2 पर बेहतरीन PWA

Meta के PWA

कई Meta डिवीज़न ने Oculus Quest 2 के लिए, PWA बनाए हैं. उदाहरण के लिए, Instagram और Facebook. ये PWA स्टैंडअलोन ऐप्लिकेशन विंडो में चलते हैं, जिनमें यूआरएल बार नहीं होता और उनका साइज़ आसानी से बदला जा सकता है.

अन्य डेवलपर के PWA

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

दूसरा उदाहरण स्मार्टशीट है. यह एक डाइनैमिक फ़ाइल फ़ोल्डर है, जो प्रोजेक्ट मैनेजमेंट, अपने-आप काम करने वाले वर्कफ़्लो, और तेज़ी से नए समाधान मुहैया कराने की सुविधा देता है.

Slack, Dropbox या Canva जैसे और PWA लॉन्च होने वाले हैं. इनकी जानकारी एक वीडियो में दिखाई गई है, जिसमें जैकब रॉसी को दिखाया गया है. इसे 2021 में Facebook की कनेक्ट कॉन्फ़्रेंस के तहत रिलीज़ किया गया था.

Oculus के लिए PWA बनाना

Meta ने अपने दस्तावेज़ में ज़रूरी चरणों के बारे में बताया है. आम तौर पर, Chrome में इंस्टॉल किए जा सकने वाले PWA में, Oculus पर कभी-कभी काम करना बंद कर देना चाहिए.

वेब ऐप्लिकेशन मेनिफ़ेस्ट की ज़रूरी शर्तें

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

नाम	ब्यौरा
name	(ज़रूरी है) PWA का नाम. फ़िलहाल, Oculus में सिर्फ़ बाएं से दाएं भाषाएं इस्तेमाल किया जा सकता है.
display	(ज़रूरी है) "standalone" या "minimal-ui". फ़िलहाल, Oculus किसी अन्य वैल्यू के साथ काम नहीं करता.
short_name	(ज़रूरी है) अगर ज़रूरी हो, तो ऐप्लिकेशन के नाम का छोटा वर्शन.
scope	(ज़रूरी नहीं) ऐसे यूआरएल या पाथ जिन्हें ऐप्लिकेशन का हिस्सा माना जाना चाहिए.
start_url	(ज़रूरी नहीं) ऐप्लिकेशन लॉन्च के समय दिखाया जाने वाला यूआरएल.

Oculus में कई ऐसे वेब ऐप्लिकेशन मेनिफ़ेस्ट फ़ील्ड होते हैं जिनका इस्तेमाल मालिकाना हक वाली वेब ऐप्लिकेशन मेनिफ़ेस्ट फ़ील्ड के लिए किया जा सकता है. इन्हें PWA के अनुभव को पसंद के मुताबिक बनाने के लिए इस्तेमाल किया जा सकता है.

नाम	ब्यौरा
ovr_package_name	(ज़रूरी नहीं) PWA के लिए जनरेट किए गए APK के पैकेज का नाम सेट करता है. इसे रिवर्स डोमेन नेम नोटेशन में होना चाहिए, जैसे, "com.company.app.pwa". अगर यह नीति सेट नहीं की जाती है, तो डेवलपर को (फिर ज़रूरी है) पैरामीटर --package-name का इस्तेमाल करके कमांड लाइन टूल के लिए, पैकेज का नाम देना होगा.
ovr_multi_tab_enabled	(ज़रूरी नहीं) अगर true है, तो यह बूलियन फ़ील्ड PWA को Oculus ब्राउज़र से मिलता-जुलता टैब बार देगा. कई टैब वाले PWA में, नए टैब (target="_new" या target="_blank") को टारगेट करने वाले इंटरनल लिंक, PWA विंडो में नए टैब में खुलेंगे. यह एक टैब वाले PWA से अलग है, जहां ऐसे लिंक Oculus ब्राउज़र विंडो में खुलते हैं. फ़िलहाल, इस सुविधा को टैब्ड ऐप्लिकेशन मोड के तौर पर स्टैंडर्ड किया जा रहा है.
ovr_scope_extensions	(ज़रूरी नहीं) PWA को वेब ऐप्लिकेशन के दायरे में ज़्यादा वेब पेज शामिल करने की अनुमति मिलती है. इसमें एक JSON डिक्शनरी होती है, जिसमें एक्सटेंशन यूआरएल या वाइल्डकार्ड पैटर्न शामिल होते हैं. फ़िलहाल, इस सुविधा को वेब ऐप्लिकेशन के लिए स्कोप एक्सटेंशन के तौर पर स्टैंडर्ड किया जा रहा है.

Bubblewrap सीएलआई की मदद से PWA की पैकेजिंग

Bubblewrap, लाइब्रेरी का ओपन सोर्स सेट और Node.js के लिए कमांड लाइन टूल (सीएलआई) है. Bubblewrap को Google Chrome टीम ने डेवलप किया है. इसका मकसद, ऐसे Android प्रोजेक्ट को जनरेट, बनाने, और साइन करने में डेवलपर की मदद करना है जो आपके PWA को भरोसेमंद वेब गतिविधि (टीडब्ल्यूए) के तौर पर लॉन्च करता है.

फ़िलहाल, Meta Quest ब्राउज़र पर टीडब्ल्यूए का पूरी तरह से इस्तेमाल नहीं किया जा सकता. हालांकि, 1.18.0 के बाद से, यह Meta Quest ब्राउज़र पर PWA की पैकेजिंग के साथ काम करता है.

यह सामान्य Android डिवाइसों पर TWA और Meta Quest डिवाइसों पर Meta Quest ब्राउज़र खोलने वाली universal APK फ़ाइलें जनरेट कर सकता है.

यह मानते हुए कि आपने Node.js को इंस्टॉल किया हुआ है, Bubblewrap CLI को इस निर्देश की मदद से इंस्टॉल किया जा सकता है:

npm i -g @bubblewrap/cli

पहली बार Bubblewrap इस्तेमाल करने पर, यह आपको ज़रूरी बाहरी डिपेंडेंसी, जैसे कि Java डेवलपमेंट किट (JDK) और Android SDK बिल्ड टूल, अपने-आप डाउनलोड और इंस्टॉल करने की सुविधा देगा.

अपने PWA को रैप करने वाला, Meta Quest के साथ काम करने वाला Android प्रोजेक्ट जनरेट करने के लिए, --metaquest फ़्लैग के साथ init कमांड चलाएं और निर्देशों का पालन करें:

bubblewrap init --manifest="https://your.web.app/manifest.json" --metaquest

प्रोजेक्ट जनरेट होने के बाद, इसे बनाकर और हस्ताक्षर करें:

bubblewrap build

इससे app-release-signed.apk नाम की फ़ाइल जनरेट होगी. यह फ़ाइल डिवाइस पर इंस्टॉल की जा सकती है या Meta Quest Store, Google Play Store या किसी भी दूसरे Android ऐप्लिकेशन डिस्ट्रिब्यूशन प्लैटफ़ॉर्म पर पब्लिश की जा सकती है.

ध्यान दें: पेशेवर सलाह: APK फ़ाइलों को न सिर्फ़ Meta Quest और सामान्य Android डिवाइसों के साथ, बल्कि ChromeOS डिवाइसों के साथ भी काम करने लायक बनाने के लिए, --metaquest फ़्लैग के अलावा --chromeosonly फ़्लैग का भी इस्तेमाल किया जा सकता है.

Oculus Platform Utility की मदद से पैकेजिंग पर PWA को पैकेज करना

Oculus Platform Utility Meta का आधिकारिक कमांड लाइन टूल है. इसे Oculus Rift और Meta Quuest डिवाइसों के लिए ऐप्लिकेशन पब्लिश करने के लिए बनाया गया है.

यह Meta Quest डिवाइसों के लिए, create-pwa कमांड का इस्तेमाल करके PWA को पैकेज करने की अनुमति भी देता है. साथ ही, उन्हें Meta Quest Store और App Lab में पब्लिश करने की अनुमति भी देता है.

-o पैरामीटर के ज़रिए आउटपुट फ़ाइल का नाम और --android-sdk पैरामीटर की मदद से Android SDK का पाथ सेट करें.

टूल को --web-manifest-url पैरामीटर की मदद से, वेब ऐप्लिकेशन मेनिफ़ेस्ट के लाइव यूआरएल पर ले जाएं.

अगर आपके लाइव PWA में कोई मेनिफ़ेस्ट नहीं है या आपको लाइव मेनिफ़ेस्ट को बदलना है, तो भी लोकल मेनिफ़ेस्ट फ़ाइल और --manifest-content-file पैरामीटर का इस्तेमाल करके, अपने PWA के लिए APK जनरेट किया जा सकता है.

मेनिफ़ेस्ट को ज़्यादा से ज़्यादा सटीक छोड़ने के लिए, मेनिफ़ेस्ट में सही ovr_package_name फ़ील्ड को जोड़ने के बजाय, रिवर्स डोमेन नेम नोटेशन (उदाहरण के लिए, com.company.app.pwa) में वैल्यू के साथ --package-name पैरामीटर का इस्तेमाल करें.

ovr-platform-util create-pwa -o output.apk --android-sdk ~/bin/android-10 --manifest-content-file manifest.json --package-name com.company.app.pwa

चेतावनी: Oculus Platform Utility से जनरेट की गई APK फ़ाइलें, सिर्फ़ Meta Quest डिवाइसों के साथ काम करती हैं. साथ ही, इन्हें सामान्य Android डिवाइसों पर नहीं चलाया जा सकता. साथ ही, इन्हें सिर्फ़ Meta Quest Store और ऐप्लिकेशन लैब में पब्लिश किया जा सकता है.

PWABuilder से, PWA की पैकेजिंग करना

लेखकों के हिसाब से, PWABuilder का इस्तेमाल करना सबसे आसान है. इसलिए, इस समय Meta Quest के लिए PWA को पैकेज करने का सुझाव दिया जाता है.

PWABuilder, Microsoft का बनाया गया एक ओपन सोर्स प्रोजेक्ट है. इससे डेवलपर अपने PWA को अलग-अलग स्टोर पर पब्लिश करने के लिए, पैकेज और साइन कर सकते हैं. इनमें Microsoft Store, Google Play Store, App Store, और Meta Quest Store भी शामिल हैं.

PWABuilder से पैकेज बनाकर, PWA का यूआरएल डालना, ऐप्लिकेशन के लिए मेटाडेटा डालना या उसमें बदलाव करना, और जनरेट करें बटन पर क्लिक करना जितना आसान है.

PWABuilder से, डेवलपर को यह चुनने की सुविधा मिलती है कि उन्हें Meta Quest डिवाइसों के लिए PWA की पैकेजिंग करने के लिए कौनसे टूल का इस्तेमाल करना है.

Oculus Platform Utility का इस्तेमाल करने के लिए, Meta Quest विकल्प को चुना जा सकता है.

ध्यान दें: पेशेवर सलाह: PWABuilder, Oculus Platform Utility के ऐसे वर्शन का इस्तेमाल करता है जिसमें थोड़ा बदलाव किया गया हो. यह इस्तेमाल न किए गए कोड और संसाधनों को हटाकर, बहुत छोटी APK फ़ाइलें जनरेट करता है.

आपके पास Bubblewrap का इस्तेमाल करने के लिए, Android विकल्प चुनने का विकल्प होता है. इसके बाद, Meta Quest के साथ काम करने वाला चेकबॉक्स को चुना जा सकता है.

ध्यान दें: पेशेवर सलाह: PWABuilder एक ऐसा PWA है जो हर ब्राउज़र पर काम करता है. इसलिए, इसे Meta Quest ब्राउज़र में खोला जा सकता है और अपने Meta Quest पर सभी चरणों को पूरा किया जा सकता है.

ADB की मदद से PWA इंस्टॉल करना

अहम जानकारी: Meta Quest डिवाइस पर Android डीबग ब्रिज (ADB) को चालू करने के लिए, आपको कंपैनियन मोबाइल ऐप्लिकेशन में डेवलपर मोड चालू करना होगा. अपने डिवाइस को डेवलपर मोड में रखने से पहले, यह ज़रूरी है कि आपने Oculus डेवलपर सेंटर में किसी डेवलपर संगठन से जुड़ा हो या उसे बनाया हो.

APK फ़ाइल बनाने के बाद, उसे यूएसबी या वाई-फ़ाई से ADB का इस्तेमाल करके, Meta Quest डिवाइस में अलग से लोड किया जा सकता है:

adb install app-release-signed.apk

अगर PWA की पैकेजिंग के लिए Bubblewrap सीएलआई का इस्तेमाल किया जाता है. यह APK फ़ाइल को अलग से लोड करने के लिए, एक आसान उपनाम वाला निर्देश देता है:

bubblewrap install

ध्यान दें: पेशेवर सलाह: APK फ़ाइलों को अलग से लोड करने के लिए, Android Web Toolbox का इस्तेमाल किया जा सकता है. यह एक ओपन सोर्स वेब ऐप्लिकेशन है. इसकी मदद से, किसी दूसरे Android डिवाइस से भी सीधे ब्राउज़र से ADB की सभी सुविधाओं को ऐक्सेस किया जा सकता है. Web USB API की वजह से किसी इंस्टॉलेशन या ड्राइवर की ज़रूरत नहीं होती है.

अलग से लोड किए गए ऐप्लिकेशन, ऐप्लिकेशन ड्रॉर में अज्ञात स्रोत सेक्शन में दिखते हैं.

ऐप्लिकेशन सबमिशन

अहम जानकारी: Oculus Store को सबमिट करने और उस पर विचार करने की सुविधा सिर्फ़ तब उपलब्ध होती है, जब आपको Meta Quest स्टोर डेवलपर के तौर पर मंज़ूरी मिली हो. फ़िलहाल, ऐप्लिकेशन लैब की मदद से PWA को डिस्ट्रिब्यूट करने की सुविधा उपलब्ध नहीं है. Meta टीम आपको इस बारे में ज़्यादा जानकारी देगी कि ऐप्लिकेशन लैब में PWA को कब और कैसे सबमिट किया जा सकता है.

Oculus Store में PWA अपलोड और सबमिट करना शुरू के बारे में, Oculus Developer Center के दस्तावेज़ों में पूरी जानकारी देता है.

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

मल्टी-टैब ऐप्लिकेशन की टेस्टिंग

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

ovr-platform-util create-pwa -o test.apk --android-skd ~/bin/android-10 --web-manifest-url https://tomayac.github.io/oculus-pwa-test/manifest.json --package-name com.example.pwa
adb install test.apk

यहां टेस्ट ऐप्लिकेशन का स्क्रीनकास्ट दिया गया है.

SVGcode का Oculus वर्शन

स्पिन के निर्देश लेने के लिए, मैंने अपने सबसे नए PWA का Oculus वर्शन बनाया, SVGcode. इससे बनने वाली APK फ़ाइल output.apk मेरे Google Drive से डाउनलोड की जा सकती है. अगर आपको पैकेज की और जांच करनी है, तो मेरे पास डिकंप्यूल किया गया वर्शन भी है. बिल्ड करने से जुड़े निर्देश देखने के लिए, package.json पर जाएं.

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

इमर्सिव 3D WebXR PWA

Oculus Quest पर PWA की सहायता सिर्फ़ फ़्लैट 2D ऐप्लिकेशन के लिए उपलब्ध है. डेवलपर WebXR API का इस्तेमाल करके वीआर के लिए, इमर्सिव 3D अनुभव बना सकते हैं.

सोच रहे हैं कि वीआर से कई तरह के प्रॉम्प्ट (PWA इंस्टॉल, अनुमति के अनुरोध, सूचनाएं) कैसे मैनेज किए जाते हैं?

यहां इमर्सिव वेब वर्किंग ग्रुप के WebXR टेस्ट से उपयोगकर्ता एजेंट प्रॉम्प्ट टेस्ट का स्क्रीनकास्ट दिया गया है.

जैसा कि आप देख सकते हैं, वीआर मोड में जाने के लिए उपयोगकर्ता की अनुमति ज़रूरी है. हर ऑरिजिन के लिए अनुमतियों के लिए एक बार पूछा जाता है. अनुमतियों का अनुरोध करने पर, इमर्सिव मोड बंद हो जाता है. फ़िलहाल, सूचनाएं पाने की सुविधा उपलब्ध नहीं है.

हैंड ट्रैकिंग

WebXR Hand Input API और Meta के एआई पर आधारित हैंड-ट्रैकिंग सिस्टम की मदद से, इमर्सिव मोड में PWA से इंटरैक्ट किया जा सकता है.

यहां इमर्सिव वेब वर्किंग ग्रुप के WebXR सैंपल में से हैंड ट्रैकिंग के सैंपल का स्क्रीनकास्ट दिया गया है.

ऑगमेंटेड/मिक्स्ड रिएलिटी (पासथ्रू)

Meta Connect 2022 में की गई घोषणा के मुताबिक, Meta Quest ब्राउज़र ने Meta Quest Pro डिवाइसों पर, WebXR ऑगमेंटेड रिएलिटी (एआर) (जिसे मिक्स्ड रिएलिटी (एमआर) के नाम से भी जाना जाता है) के लिए सहायता उपलब्ध कराई है.

आइए, थोड़े बदलाव किए गए A-Frame स्टार्टर का उदाहरण देखते हैं. जिसमें ऑगमेंटेड रिएलिटी (एआर) के लिए स्केल-डाउन मॉडल और छिपे हुए आसमान और प्लेन की जानकारी है.

ए-फ़्रेम एक ओपन सोर्स वेब फ़्रेमवर्क है. इससे 3D/वीआर/एआर का अनुभव मिलता है. इसमें डिक्लेरेटिव और फिर से इस्तेमाल किए जा सकने वाले कस्टम एचटीएमएल एलिमेंट का इस्तेमाल किया जाता है. ये पढ़ने, समझने, और कॉपी करने और चिपकाने में आसान होते हैं.

Meta Quest 2 पर, इस डेमो का स्क्रीनकास्ट यहां दिया गया है.

Meta Quest 2 में एक ही रंग के कैमरे हैं, तो पासथ्रू ग्रेस्केल में है, जबकि Meta Quest Pro में कलर कैमरे हैं.

मीटिंग में सामने आए नतीजे

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

मुझे Oculus Quest 2 पर PWA के बारे में सबसे ज़्यादा यह जानकारी मिलती है कि ये सिर्फ़ सामान्य PWA हैं. इनका इस्तेमाल, ब्राउज़र टैब में बिना बदलाव किए या किसी खास प्लैटफ़ॉर्म के एपीआई के बिना थिन APK रैपर के ज़रिए किया जा सकता है. एक ही कोड से कई प्लैटफ़ॉर्म को टारगेट करना इतना आसान कभी नहीं था. वेब पर वीआर और एआर (ऑगमेंटेड रिएलिटी) में PWA. भविष्य उज्ज्वल है!

स्वीकार हैं

Flickr पर Maximilian Prandstätter की ओर से Oulus Quest 2 फ़ोटो. Oculus Store की इमेज में, Instagram, Facebook, Oculus ब्राउज़र, और Spike ऐप्लिकेशन के साथ-साथ ऐप्लिकेशन खोजने की सुविधा की इमेज और Meta के ऐनिमेशन से मिला है हैंड ट्रैकिंग. हीरो इमेज, अर्नाउ मरीन आई पुइग की है. इस पोस्ट की समीक्षा जो मेडली ने की है.