تطبيقات الويب التقدّمية (PWA) على Oculus Quest 2

‫Oculus Quest 2 هي سماعة رأس مزوّدة بتقنية الواقع الافتراضي (VR) من إنتاج شركة Oculus، وهي قسم من شركة Meta. يمكن للمطوّرين الآن إنشاء وتوزيع تطبيقات الويب التقدّمية (PWA) الثنائية والثلاثية الأبعاد التي تستفيد من ميزة تعدُّد المهام في Oculus Quest 2.

Thomas Steiner

Alexey Rodionov

Oculus Quest 2

‫Oculus Quest 2 هي سماعة رأس مزوّدة بتقنية الواقع الافتراضي (VR) من تصميم Oculus، وهي قسم من شركة Meta. وهي الإصدار الأحدث من سماعة الرأس السابقة للشركة، Oculus Quest. يمكن تشغيل الجهاز كسمّاعة رأس مستقلة مع نظام تشغيل داخلي مستند إلى Android، ومع برنامج الواقع الافتراضي المتوافق مع Oculus الذي يعمل على كمبيوتر مكتبي عند الاتصال عبر USB أو Wi-Fi. ويستخدم منظومة على رقاقة Snapdragon XR2 من Qualcomm مع ذاكرة وصول عشوائي (RAM) بسعة 6 غيغابايت. تتميّز شاشة Quest 2 بأنّها شاشة LCD واحدة سريعة التبديل، وتبلغ دقتها 1,832 × 1,920 بكسل لكل عين، وتعمل بمعدّل تحديث يصل إلى 120 هرتز.

متصفّح Oculus

تتوفّر حاليًا ثلاثة متصفّحات لجهاز Oculus Quest 2: Wolvic، وهو بديل Firefox Reality، ومتصفّح Oculus المدمج. تركز هذه المقالة على النوع الأخير. يُعرّف موقع Oculus الإلكتروني متصفّح Oculus على النحو التالي.

"يتوافق متصفّح Oculus مع أحدث معايير الويب والتقنيات الأخرى لمساعدتك في إنشاء تجارب الواقع الافتراضي على الويب. تعمل المواقع الإلكترونية الثنائية الأبعاد اليوم بشكل رائع في متصفّح 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

كما ترى، يعتمد الإصدار الحالي 18.1.0.2.46.337441587 من متصفّح Oculus على الإصدار 95.0.4638.74 من Chrome، وهو إصدار واحد فقط قبل الإصدار الثابت الحالي من Chrome، وهو 96.0.4664.110. إذا بدّل المستخدم إلى وضع الأجهزة الجوّالة، يتغيّر VR إلى Mobile VR.

واجهة المستخدم

تتضمّن واجهة مستخدم المتصفّح (الموضّحة أعلاه) الميزات التالية (الصف العلوي من اليمين إلى اليسار):

• زر الرجوع
• الزر "إعادة التحميل"
• معلومات عن الموقع
• شريط عنوان URL
• زر "إنشاء إشارة مرجعية"
• زر لتغيير الحجم مع خيارات ضيّق ومتوسط وعريض، بالإضافة إلى ميزة التكبير/التصغير
• زر طلب موقع إلكتروني متوافق مع الأجهزة الجوّالة
• زر القائمة الذي يتضمّن الخيارات التالية:
  • تفعيل الوضع الخاص
  • إغلاق كل علامات التبويب
  • الإعدادات
  • الإشارات المرجعية
  • عمليات التنزيل
  • السجلّ
  • محو بيانات التصفح

يتضمّن الصف السفلي الميزات التالية:

• زر الإغلاق
• زر التصغير
• زر النقاط الثلاث مع خيارات الرجوع والتقديم وإعادة التحميل

معدّل التحديث ونسبة وحدات البكسل على الجهاز

بالنسبة إلى Oculus Quest 2، يعرض متصفّح Oculus محتوى صفحة الويب الثنائية الأبعاد وWebXR بمعدّل تحديث 90 هرتز. عند مشاهدة وسائط بملء الشاشة، يحسّن متصفّح Oculus معدّل إعادة تحميل الجهاز استنادًا إلى عدد اللقطات في الثانية للفيديو، على سبيل المثال، 24 لقطة في الثانية. يحتوي Oculus Quest 2 على نسبة بكسل للجهاز تبلغ 1.5 للحصول على نص واضح.

تطبيقات الويب التقدّمية في متصفّح Oculus ومتجر Oculus

في 28 أكتوبر 2021، أعلن "جاكوب روسي"، رئيس إدارة المنتجات في Meta (Oculus)، أنّ تطبيقات الويب التقدّمية ستتوفّر على Oculus Quest وOculus Quest 2. In the following, I describe the PWA experience on Oculus and explain how to build, sideload, and test your PWA on the Oculus Quest 2.

مشاركة الحالة

تتم مشاركة حالة تسجيل الدخول بين متصفّح Oculus وتطبيقات الويب التقدّمية، ما يتيح للمستخدمين التبديل بسلاسة بينهما. بطبيعة الحال، تتوفّر ميزة تسجيل الدخول باستخدام Facebook بشكل تلقائي. يتضمّن متصفّح Oculus مدير كلمات مرور يتيح للمستخدمين تخزين كلمات المرور ومشاركتها بأمان بين المتصفّح وتجارب التطبيقات المثبّتة.

أحجام نوافذ تطبيقات الويب التقدّمية (PWA)

يمكن للمستخدم تغيير حجم نوافذ المتصفّح ونوافذ تطبيقات الويب التقدّمية المثبّتة بحرية. ويمكن أن يتراوح الارتفاع بين 625 بكسل و1,200 بكسل. يمكن ضبط العرض بين 400 بكسل و2,000 بكسل. الأبعاد التلقائية هي 1,000 × 625 بكسل.

التفاعل مع تطبيقات الويب التقدّمية

يمكن التحكّم في تطبيقات الويب التقدّمية باستخدام وحدات التحكّم اليسرى واليمنى في Oculus، وأجهزة الماوس ولوحات المفاتيح التي تتضمّن بلوتوث، ومن خلال تتبُّع اليد. يمكنك التمرير باستخدام عصا الإبهام في وحدات تحكّم Oculus، أو من خلال ضمّ الإبهام والسبابة والتحرّك في الاتجاه المطلوب. لاختيار عنصر، يمكن للمستخدم الإشارة إليه والضغط عليه.

أذونات تطبيقات الويب التقدّمية

تعمل الأذونات في متصفّح Oculus بالطريقة نفسها تقريبًا في Chrome. تتم مشاركة الحالة بين التطبيقات التي تعمل في المتصفّح وتطبيقات الويب التقدّمية المثبَّتة، ما يتيح للمستخدمين التبديل بين التجربتَين بدون الحاجة إلى منح الأذونات نفسها مرة أخرى.

على الرغم من تنفيذ العديد من الأذونات، لا تتوفّر بعض الميزات. على سبيل المثال، على الرغم من نجاح طلب إذن تحديد الموقع الجغرافي، لا يحصل الجهاز على موقع جغرافي فعليًا. وبالمثل، فإنّ واجهات برمجة التطبيقات المختلفة للأجهزة، مثل WebHID وWeb Bluetooth وما إلى ذلك، تجتاز جميعها عملية رصد الميزات، ولكنّها لا تعرض في الواقع أداة اختيار تتيح للمستخدم إقران Oculus بجهاز. أعتقد أنّ إمكانية رصد ميزات واجهات برمجة التطبيقات ستتحسّن مع تطوّر المتصفّح.

تصحيح أخطاء تطبيقات الويب التقدّمية (PWA) من خلال "أدوات مطوّري البرامج في Chrome"

بعد تفعيل "وضع مطوّر البرامج"، تعمل ميزة تصحيح أخطاء تطبيقات الويب التقدّمية على Oculus Quest 2 تمامًا كما هو موضّح في تصحيح أخطاء أجهزة Android عن بُعد.

1. على جهاز Oculus، انتقِل إلى الموقع الإلكتروني المطلوب في متصفّح Oculus.
2. افتح Google Chrome على الكمبيوتر وانتقِل إلى chrome://inspect/#devices.
3. ابحث عن جهاز Oculus المعنيّ، وستظهر بعده مجموعة من علامات تبويب متصفّح Oculus المفتوحة حاليًا على الجهاز.
4. انقر على فحص في علامة تبويب متصفّح Oculus المطلوبة.

اكتشاف التطبيقات

يمكن للمستخدمين استخدام المتصفّح نفسه أو متجر Oculus للعثور على تطبيقات الويب التقدّمية. كما هو الحال مع أي متصفّح آخر، تعمل تطبيقات الويب التقدّمية المثبّتة أيضًا في Oculus Browser كمواقع إلكترونية تعمل في علامة تبويب. عندما يزور مستخدم موقعًا إلكترونيًا، سيساعده متصفّح Oculus في العثور على التطبيق إذا كان متاحًا في متجر Oculus. بالنسبة إلى المستخدمين الذين سبق لهم تثبيت التطبيق، سيساعدهم متصفّح Oculus في التبديل بسهولة إلى التطبيق إذا أرادوا ذلك.

ملاحظة: لن يتم تشغيل الحدث BeforeInstallPrompt حاليًا في متصفّح Oculus، على الرغم من أنّ ميزة "رصد الميزات" تشير إلى أنّه متوافق.

أمثلة على تطبيقات الويب التقدّمية على Oculus Quest 2

تطبيقات الويب التقدّمية من Meta

أنشأت أقسام متعددة في Meta تطبيقات ويب تقدّمية لنظارة Oculus Quest 2، مثل Instagram وFacebook. يتم تشغيل تطبيقات الويب التقدّمية هذه في نوافذ تطبيقات مستقلة لا تحتوي على شريط عناوين URL ويمكن تغيير حجمها بحرية.

تطبيقات الويب التقدّمية (PWA) من مطوّرين آخرين

في وقت كتابة هذا المقال، هناك عدد صغير ولكنه متزايد من تطبيقات الويب التقدّمية (PWA) لنظارة Oculus Quest 2 على متجر Oculus. يتيح تطبيق Spike للمستخدمين تجربة جميع أدوات العمل الأساسية، مثل البريد الإلكتروني والمحادثات والمكالمات والملاحظات والمهام وقوائم المهام، من البريد الوارد في مركز بيئة افتراضية داخل تطبيق Spike مباشرةً.

مثال آخر هو Smartsheet، وهي مساحة عمل ديناميكية توفر إدارة المشاريع وسير العمل الآلي والبناء السريع للحلول الجديدة.

ستتوفّر المزيد من تطبيقات الويب التقدّمية، مثل Slack أو Dropbox أو Canva، كما تم الإعلان عنه في فيديو يظهر فيه "جاكوب روسي"، وتم نشره في سياق مؤتمر Connect الذي عقدته شركة Facebook في عام 2021.

إنشاء تطبيقات ويب تقدّمية (PWA) لأجهزة Oculus

حدّدت Meta الخطوات المطلوبة في مستنداتها. بشكل عام، تطبيقات الويب التقدّمية التي يمكن تثبيتها في Chrome تعمل عادةً على Oculus بدون الحاجة إلى أي إعدادات إضافية.

متطلبات بيان تطبيق الويب

هناك بعض الاختلافات المهمة مقارنةً بمعايير قابلية التثبيت في Chrome ومواصفات بيان تطبيق الويب. على سبيل المثال، لا تتيح Oculus حاليًا سوى اللغات التي تُكتب من اليمين إلى اليسار، في حين أنّ مواصفات بيان تطبيق الويب لا تفرض مثل هذه القيود. مثال آخر هو start_url، الذي يتطلبه Chrome بشكل صارم لكي يكون التطبيق قابلاً للتثبيت، ولكنه اختياري في Oculus. توفّر Oculus أداة سطر أوامر تتيح للمطوّرين إنشاء تطبيقات ويب تقدّمية (PWA) لجهاز Oculus Quest 2، ما يسمح لهم بتمرير المَعلمات غير المتوفّرة (أو إلغاء المَعلمات الحالية) في بيان تطبيق الويب.

الاسم	الوصف
name	(مطلوب) اسم تطبيق الويب التقدّمي (PWA). في الوقت الحالي، لا تتيح Oculus سوى اللغات التي تُكتب من اليمين إلى اليسار في الاسم.
display	(مطلوب) إما "standalone" أو "minimal-ui". لا تتيح Oculus حاليًا أي قيم أخرى.
short_name	(مطلوب) نسخة أقصر من اسم التطبيق، إذا لزم الأمر.
scope	(اختياري) عنوان URL أو المسارات التي يجب اعتبارها جزءًا من التطبيق.
start_url	(اختياري) عنوان URL الذي سيظهر عند تشغيل التطبيق.

يوفّر Oculus عددًا من حقول بيان تطبيق الويب الخاصة الاختيارية التي يمكن استخدامها لتخصيص تجربة تطبيق الويب التقدّمي.

الاسم	الوصف
ovr_package_name	(اختياري) يضبط اسم حزمة APK التي تم إنشاؤها لتطبيق الويب التقدّمي. يجب أن يكون هذا في تدوين اسم النطاق العكسي، مثل "com.company.app.pwa". في حال عدم ضبطه، على المطوّرين تقديم اسم حزمة إلى أداة سطر الأوامر باستخدام المَعلمة --package-name (المطلوبة في هذه الحالة).
ovr_multi_tab_enabled	(اختياري) إذا كانت القيمة true، سيمنح هذا الحقل المنطقي تطبيق الويب التقدّمي شريط علامات تبويب مشابهًا لمتصفّح Oculus. في تطبيقات الويب التقدّمية المتعدّدة علامات التبويب، سيتم فتح الروابط الداخلية التي تستهدف علامة تبويب جديدة (target="_new" أو target="_blank") في علامات تبويب جديدة ضمن نافذة تطبيق الويب التقدّمي. ويختلف ذلك عن تطبيقات الويب التقدّمية التي تتضمّن علامة تبويب واحدة، حيث يتم فتح هذه الروابط في نافذة Oculus Browser. يتم حاليًا توحيد هذه الميزة باسم وضع التطبيق المزوّد بعلامات تبويب.
ovr_scope_extensions	(اختياري) يسمح لتطبيق الويب التقدّمي (PWA) بتضمين المزيد من صفحات الويب ضمن نطاق تطبيق الويب. وتتألف من قاموس JSON يحتوي على عناوين URL للإضافات أو أنماط أحرف البدل. يتم حاليًا توحيد هذه الميزة باسم إضافات النطاق لتطبيقات الويب.

تجميع تطبيقات الويب التقدّمية باستخدام واجهة سطر الأوامر Bubblewrap

Bubblewrap هي مجموعة مفتوحة المصدر من المكتبات وأداة سطر أوامر (CLI) لنظام Node.js. تم تطوير Bubblewrap من قِبل فريق Google Chrome لمساعدة المطوّرين في إنشاء مشروع Android وتوقيعه لتشغيل تطبيق الويب التقدّمي (PWA) كـ نشاط موثوق به على الويب (TWA).

لا يتيح متصفّح Meta Quest حاليًا استخدام تطبيقات الويب الموثوقة (TWA) بشكل كامل، ولكن بدءًا من الإصدار 1.18.0، يتيح Bubblewrap تجميع تطبيقات الويب التقدّمية (PWA) لأجهزة Meta Quest.

ويمكنه إنشاء ملفات APK عامة تفتح تطبيق ويب موثوقًا على أجهزة Android العادية ومتصفّح Meta Quest على أجهزة Meta Quest.

بافتراض أنّك ثبّتّ Node.js، يمكن تثبيت واجهة سطر الأوامر Bubblewrap باستخدام الأمر التالي:

npm i -g @bubblewrap/cli

عند تشغيل Bubblewrap للمرة الأولى، سيتم عرض تنزيل وتثبيت التبعيات الخارجية المطلوبة تلقائيًا، وهي حزمة تطوير Java‏ (JDK) وأدوات إنشاء حزمة تطوير البرامج (SDK) لنظام التشغيل Android.

لإنشاء مشروع Android متوافق مع Meta Quest يتضمّن تطبيق الويب التقدّمي، نفِّذ الأمر init باستخدام العلامة --metaquest واتّبِع تعليمات المعالج:

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

بعد إنشاء المشروع، يمكنك إنشاؤه وتوقيعه من خلال تنفيذ ما يلي:

bubblewrap build

سيؤدي ذلك إلى إنشاء ملف باسم app-release-signed.apk. يمكن تثبيت هذا الملف على الجهاز أو نشره على Meta Quest Store أو "متجر Google Play" أو أي من منصات توزيع تطبيقات Android الأخرى.

ملاحظة: نصيحة احترافية: يمكنك أيضًا استخدام العلامة --chromeosonly بالإضافة إلى العلامة --metaquest لجعل ملفات APK متوافقة ليس فقط مع Meta Quest وأجهزة Android العادية، ولكن أيضًا مع أجهزة ChromeOS.

تجميع تطبيقات الويب التقدّمية (PWA) باستخدام Oculus Platform Utility

Oculus Platform Utility هي أداة سطر الأوامر الرسمية التي طوّرتها Meta لنشر التطبيقات على أجهزة Oculus Rift وMeta Quest.

ويسمح أيضًا بتجميع تطبيقات الويب التقدّمية لأجهزة Meta Quest باستخدام الأمر create-pwa ونشرها على Meta Quest Store وApp Lab.

اضبط اسم ملف الإخراج من خلال المَعلمة -o والمسار إلى حزمة تطوير البرامج (SDK) لنظام التشغيل Android من خلال المَعلمة --android-sdk.

وجِّه الأداة إلى عنوان URL المنشور لبيان تطبيق الويب من خلال المَعلمة --web-manifest-url.

إذا لم يكن لديك ملف بيان في تطبيق الويب التقدّمي (PWA) المنشور أو أردت إلغاء ملف البيان المنشور، سيظل بإمكانك إنشاء حزمة APK لتطبيق الويب التقدّمي (PWA) باستخدام ملف بيان محلي والمَعلمة --manifest-content-file.

للحفاظ على بساطة ملف البيان قدر الإمكان، استخدِم المَعلمة --package-name مع قيمة في صيغة اسم النطاق العكسي (على سبيل المثال، com.company.app.pwa)، بدلاً من إضافة الحقل ovr_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

تنبيه: ملفات APK التي يتم إنشاؤها باستخدام Oculus Platform Utility متوافقة فقط مع أجهزة Meta Quest ولا يمكن تشغيلها على أجهزة Android العادية. ويمكن نشرها أيضًا على Meta Quest Store وApp Lab فقط.

تجميع تطبيقات الويب التقدّمية (PWA) باستخدام PWABuilder

يرى المؤلّفون أنّ استخدام PWABuilder هو أسهل طريقة، وبالتالي يُنصح به حاليًا لتجميع تطبيقات الويب التقدّمية (PWA) في حِزم من أجل Meta Quest.

‫PWABuilder هو مشروع مفتوح المصدر طوّرته Microsoft، ويتيح للمطوّرين تجميع تطبيقات الويب التقدّمية وتوقيعها لنشرها في متاجر مختلفة، بما في ذلك Microsoft Store وGoogle Play وApp Store وMeta Quest.

إنّ تجميع تطبيقات الويب التقدّمية باستخدام PWABuilder أمر سهل، إذ يتطلّب فقط إدخال عنوان URL لتطبيق الويب التقدّمي، وإدخال/تعديل البيانات الوصفية للتطبيق، والنقر على الزر إنشاء.

تتيح أداة PWABuilder للمطوّرين اختيار الأداة التي يريدون استخدامها في الخلفية لتجميع تطبيقات الويب التقدّمية (PWA) لأجهزة Meta Quest.

يمكنك تحديد خيار Meta Quest لاستخدام Oculus Platform Utility.

ملاحظة: نصيحة احترافية: تستخدم أداة PWABuilder نسخة معدَّلة قليلاً من Oculus Platform Utility التي تنشئ ملفات APK أصغر حجمًا من خلال إزالة الرموز البرمجية والموارد غير المستخدَمة.

يمكنك تحديد خيار Android لاستخدام Bubblewrap والنقر على مربّع الاختيار متوافق مع Meta Quest.

ملاحظة: نصيحة احترافية: بما أنّ PWABuilder هو تطبيق ويب تقدّمي يعمل على أي جهاز يتوفّر فيه متصفّح، يمكنك فتحه في متصفّح Meta Quest وتنفيذ جميع الخطوات مباشرةً على جهاز Meta Quest.

تثبيت تطبيقات الويب التقدّمية باستخدام أداة Android Debug Bridge (ADB)

نقطة أساسية: لتفعيل Android Debug Bridge (ADB) على جهاز Meta Quest، يجب تفعيل وضع مطوّر البرامج في التطبيق المصاحب للأجهزة الجوّالة. قبل أن تتمكّن من ضبط جهازك على وضع مطوّر البرامج، يجب أن تكون منتميًا إلى مؤسسة مطوّري برامج (أو أنشأتها) في Oculus Developer Center.

بعد إنشاء ملف APK، يمكنك تحميله على جهاز Meta Quest باستخدام ADB عبر USB أو Wi-Fi:

adb install app-release-signed.apk

إذا كنت تستخدم واجهة سطر الأوامر في Bubblewrap لإنشاء حِزم تطبيقات الويب التقدّمية، فإنّها توفّر أمرًا بديلاً مناسبًا لتحميل ملف APK من مصدر غير معروف:

bubblewrap install

ملاحظة: نصيحة احترافية: يمكنك استخدام Android Web Toolbox لتثبيت ملفات APK من مصدر غير معروف. وهو تطبيق ويب مفتوح المصدر يتيح لك الوصول إلى جميع وظائف ADB مباشرةً من المتصفّح، حتى من جهاز Android آخر. لا يتطلّب ذلك تثبيت أي برامج أو برامج تشغيل بفضل Web USB API.

تظهر التطبيقات المثبَّتة من مصادر غير معروفة في قسم مصادر غير معروفة في درج التطبيقات.

إرسال التطبيق

نقطة أساسية: لا يتوفّر خيار إرسال التطبيق إلى Oculus Store والنظر فيه إلا إذا تمت الموافقة عليك كمطوّر في Meta Quest Store. لا يتوفّر حاليًا توزيع تطبيقات الويب التقدّمية (PWA) من خلال App Lab. سيشارك فريق Meta قريبًا المزيد من المعلومات حول موعد وكيفية إرسال تطبيق ويب تقدّمي إلى App Lab.

يتم تناول عملية تحميل تطبيقات الويب التقدّمية (PWA) وإرسالها إلى متجر Oculus بالتفصيل في مستندات مركز مطوّري Oculus.

بالإضافة إلى إرسال التطبيقات إلى متجر Oculus، يمكن للمطوّرين أيضًا توزيع تطبيقاتهم من خلال منصات مثل SideQuest مباشرةً إلى المستهلكين بطريقة آمنة، بدون الحاجة إلى موافقة المتجر. يتيح ذلك للمطوّرين إتاحة التطبيق للمستخدمين النهائيين مباشرةً، حتى لو كان في مرحلة مبكرة من التطوير أو تجريبيًا أو موجّهًا إلى جمهور معيّن.

اختبار التطبيقات المتعددة علامات التبويب

لاختبار التطبيقات المتعددة علامات التبويب، أنشأتُ تطبيق ويب تقدّميًا تجريبيًا يوضّح ميزات الروابط المختلفة: وهي فتح علامة تبويب جديدة في تطبيق الويب التقدّمي، والبقاء في علامة التبويب الحالية، وفتح نافذة متصفّح جديدة، والفتح في WebView مع البقاء في علامة التبويب الحالية. يمكنك إنشاء نسخة من هذا التطبيق قابلة للتثبيت على جهازك من خلال تنفيذ الأوامر أدناه.

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

إليك تسجيل شاشة للتطبيق التجريبي.

إصدار Oculus من SVGcode

لاختبار التعليمات، أنشأتُ إصدار Oculus من أحدث تطبيق ويب تقدّمي (PWA) لديّ، وهو SVGcode. يمكنك تنزيل ملف APK الناتج output.apk من Google Drive. إذا أردت التحقيق في الحزمة بشكل أكبر، لديّ أيضًا نسخة تم فك تشفيرها. يمكنك العثور على تعليمات الإصدار في package.json.

يعمل التطبيق على Oculus بشكل جيد، بما في ذلك إمكانية فتح الملفات وحفظها. لا يتيح متصفّح Oculus استخدام File System Access API، ولكن النهج الاحتياطي يساعد في ذلك. الشيء الوحيد الذي لم يعمل هو التكبير والتصغير بإصبعين. كنت أتوقع أن تعمل من خلال الضغط على زر التشغيل في كلتا وحدتي التحكم ثم تحريك وحدتي التحكم في اتجاهين متعاكسين. بخلاف ذلك، كان كل شيء آخر فعالاً وسريع الاستجابة، كما ترى في التسجيل المضمّن.

تطبيقات الويب التقدّمية (PWA) التي توفّر تجربة غامرة ثلاثية الأبعاد في WebXR

لا يقتصر دعم تطبيقات الويب التقدّمية على Oculus Quest على التطبيقات الثنائية الأبعاد المسطّحة. يمكن للمطوّرين إنشاء تجارب ثلاثية الأبعاد غامرة للواقع الافتراضي باستخدام WebXR API.

هل تتساءل عن كيفية التعامل مع الطلبات المختلفة (تثبيت تطبيق الويب التقدّمي، وطلبات الحصول على الإذن، والإشعارات) من داخل الواقع الافتراضي، إن وجدت؟

إليك تسجيل شاشة لاختبار طلبات وكيل المستخدم من اختبارات WebXR الخاصة بمجموعة العمل المعنية بالويب الغامر.

كما ترى، يتطلب الدخول إلى وضع الواقع الافتراضي إذن المستخدم. يتم طلب الأذونات مرة واحدة لكل مصدر. يؤدي طلب الأذونات إلى مغادرة الوضع المجسم. لا تتوفّر الإشعارات حاليًا.

تتبُّع اليد

يمكنك استخدام يديك للتفاعل مع تطبيقات الويب التقدّمية في الوضع المجسم بفضل WebXR Hand Input API ونظام تتبُّع اليد المستنِد إلى الذكاء الاصطناعي من Meta.

في ما يلي تسجيل شاشة لنموذج تتبُّع حركة اليد من نماذج WebXR الخاصة بمجموعة العمل المعنية بالويب الغامر.

الواقع المعزّز/المختلط (الرؤية المحيطية)

كما أعلنّا في مؤتمر Meta Connect لعام 2022، أضاف متصفّح Meta Quest ميزة التوافق مع الواقع المعزّز (AR) في WebXR، والمعروف أيضًا باسم الواقع المختلط (MR)، على أجهزة Meta Quest 2 وMeta Quest Pro.

لنلقِ نظرة على مثال بسيط معدَّل قليلاً لإطار A-Frame مع نماذج مصغّرة وسماء وطائرة مخفية للواقع المعزّز.

‫A-Frame هو إطار عمل ويب مفتوح المصدر لإنشاء تجارب ثلاثية الأبعاد/الواقع الافتراضي/الواقع المعزّز بالكامل من عناصر HTML مخصّصة تعريفية وقابلة لإعادة الاستخدام يسهل قراءتها وفهمها ونسخها ولصقها.

إليك تسجيل شاشة لهذا العرض التوضيحي على Meta Quest 2.

يحتوي جهاز Meta Quest 2 على كاميرات أحادية اللون، لذا تكون ميزة "الرؤية من خلال الجهاز" بتدرج الرمادي، بينما يحتوي جهاز Meta Quest Pro على كاميرات ملوّنة.

الاستنتاجات

تطبيقات الويب التقدّمية على Oculus Quest 2 ممتعة للغاية وواعدة جدًا. إنّ اللوحة الافتراضية اللامتناهية التي تتيح للمستخدمين تغيير حجم شاشتهم بما يتناسب مع المهمة الحالية لديها إمكانات كبيرة لتغيير طريقة عملنا في المستقبل. على الرغم من أنّ ميزة الكتابة في الواقع الافتراضي باستخدام تتبُّع اليد لا تزال في مهدها، ولا تعمل بشكل موثوق للغاية حتى الآن، على الأقل بالنسبة لي، إلا أنّها تعمل بشكل جيد بما يكفي لإدخال عناوين URL أو كتابة نصوص قصيرة.

أكثر ما يعجبني في تطبيقات الويب التقدّمية على Oculus Quest 2 هو أنّها مجرد تطبيقات ويب تقدّمية عادية يمكن استخدامها بدون تغيير في علامة تبويب متصفّح أو من خلال برنامج تضمين APK بسيط بدون أي واجهات برمجة تطبيقات خاصة بالنظام الأساسي. لم يكن استهداف منصات متعددة باستخدام الرمز نفسه أسهل من أي وقت مضى. إليك تطبيقات الويب التقدّمية في الواقع الافتراضي والواقع المعزّز على الويب. المستقبل مشرق!

الإقرارات

صورة Oculus Quest 2 من التقاط ماكسيميليان براندستاتر على Flickr. صور من متجر Oculus Store لتطبيقات Instagram و Facebook و Oculus Browser و Spike بالإضافة إلى صورة توضيحية حول إمكانية العثور على التطبيقات وصورة متحركة حول تتبُّع حركة اليد مقدَّمة من شركة Meta. راجع هذه المشاركة جو ميدلي.