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

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

Alexey Rodionov

Thomas Steiner

مهمة Oculus Quest 2

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

متصفّح Oculus

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

"يوفر متصفّح Oculus دعمًا لأحدث معايير الويب والتقنيات الأخرى لمساعدتك في إنشاء تجارب الواقع الافتراضي على الويب. تعمل مواقع الويب الثنائية الأبعاد حاليًا بشكل رائع في متصفح Oculus لأنها مدعومة بمحرك العرض Chromium. وتم تحسينه بشكل أكبر لسمّاعات الرأس Oculus للحصول على أفضل أداء ولتمكين مطوّري البرامج على الويب من الاستفادة من الإمكانات الكاملة للواقع الافتراضي (VR) مع واجهات برمجة التطبيقات الجديدة، مثل 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 يعتمد على متصفّح Chrome 95.0.4638.74، وهو إصدار واحد فقط أقدم من الإصدار الثابت الحالي من Chrome، وهو 96.0.4664.110. في حال تبديل المستخدم إلى وضع الأجهزة الجوّالة، سيتم تغيير VR إلى Mobile VR.

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

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

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

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

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

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

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

تطبيقات الويب التقدّمية (PWA) في متصفّح Oculus وOculus Store

في 28 تشرين الأول (أكتوبر) 2021، شارك جاكوب روسي، رئيس قسم إدارة المنتجات في Meta (Oculus)، أنّ تطبيقات الويب التقدّمية (PWA) متوفّرة في Oculus Quest وOculus Quest 2. في ما يلي، أصف تجربة تطبيق الويب التقدّمي (PWA) على Oculus وأشرح كيفية إنشاء تطبيق الويب التقدّمي (PWA) وتركيبه من مصدر غير معروف واختباره على Oculus Quest 2.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تطبيقات الويب التقدّمية (PWA) النموذجية في Oculus Quest 2

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

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

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

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

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

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

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

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

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

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

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

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

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

إنشاء تطبيقات ويب تقدّمية (PWA) باستخدام Bubble wrap CLI

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

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

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

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

npm i -g @bubblewrap/cli

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

لإنشاء مشروع Android متوافق مع Meta Quest يدمج تطبيق الويب التقدّمي (PWA)، شغِّل الأمر 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 Platform

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

وتتيح أيضًا تجميع تطبيقات الويب التقدّمية (PWA) لأجهزة 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 الأداة إلا مع أجهزة Meta Quest ولا يمكن تشغيلها على أجهزة Android العادية. ولا يمكن نشرها إلا في Meta Quest Store وApp Lab.

إنشاء حزمة من تطبيقات الويب التقدّمية (PWA) باستخدام PWABuilder

يعتبر استخدام PWABuilder أسهل طريقة للمؤلفين، وبالتالي ننصح بها لتجميع تطبيقات PWA من أجل Meta Quest في الوقت الحالي.

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

إنّ إنشاء حزمة من تطبيقات الويب التقدّمية (PWA) باستخدام PWABuilder أمر سهل مثل إدخال عنوان URL لتطبيق PWA وإدخال/تعديل البيانات الوصفية للتطبيق والنقر على الزر إنشاء.

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

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

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

يمكنك تحديد خيار Android لاستخدام "التفاف الفقاعات" ووضع علامة في مربّع الاختيار متوافق مع مهمة Meta Quest.

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

تثبيت تطبيقات الويب التقدّمية (PWA) باستخدام ADB

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

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

adb install app-release-signed.apk

إذا كنت تستخدم واجهة سطر الأوامر Bubblewrap CLI لتعبئة تطبيقات الويب التقدّمية (PWA)، فإنه يوفر أمرًا اسمًا مستعارًا ملائمًا لتحميل ملف APK من مصدر غير معروف:

bubblewrap install

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

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

تقديم التطبيق

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

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

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

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

لاختبار تطبيقات علامات تبويب متعدّدة، أنشأت تطبيق ويب تقدّميًا (PWA) صغيرًا يوضّح ميزات الروابط المختلفة، مثل فتح علامة تبويب جديدة في تطبيق الويب التقدّمي (PWA)، والبقاء في علامة التبويب الحالية، وفتح نافذة متصفّح جديدة، وفتح نافذة 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 لرمز SVG

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

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

تطبيقات الويب التقدّمية WebXR الثلاثية الأبعاد الثلاثية الأبعاد

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

هل تتساءل عن كيفية التعامل مع الطلبات المختلفة (تثبيت تطبيق PWA وطلبات الأذونات والإشعارات) من داخل الواقع الافتراضي (VR)، إن وُجدت؟

في ما يلي تسجيل رقمي للشاشة من خلال اختبار طلبات وكيل المستخدم من مجموعة اختبارات WebXR التابعة لـ Immersive Web Working Group.

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

تتبُّع اليد

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

إليك تسجيل رقمي للشاشة لـ نموذج تتبُّع اليد من نماذج WebXR التابعة لمجموعة Immersive Web Working Group.

الواقع المعزَّز/المختلط (مرور)

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

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

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

في ما يلي تسجيل رقمي للشاشة لهذا العرض التوضيحي في Meta Quest 2.

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

الاستنتاجات

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

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

شكر وتقدير

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