Oculus Quest 2 คือชุดหูฟัง Virtual Reality (VR) ที่ Oculus ซึ่งเป็นแผนกหนึ่งของ Meta เป็นผู้สร้าง ตอนนี้นักพัฒนาแอปสามารถสร้างและเผยแพร่ Progressive Web App (PWA) แบบ 2 มิติและ 3 มิติที่ใช้ประโยชน์จากฟีเจอร์การทำงานหลายอย่างพร้อมกันของ Oculus Quest 2 ได้แล้ว
ภารกิจ Oculus 2
Oculus Quest 2 เป็นชุดหูฟัง Virtual Reality (VR) ที่ Oculus ซึ่งเป็นแผนกหนึ่งของ Meta เป็นผู้สร้าง โดยเป็นรุ่นที่สืบทอดมาจากชุดหูฟังรุ่นก่อนหน้าของบริษัทอย่าง Oculus Quest อุปกรณ์สามารถทำงานได้ทั้งแบบเป็นชุดหูฟังแบบสแตนด์อโลนที่มีระบบปฏิบัติการ Android ภายใน และทำงานร่วมกับซอฟต์แวร์ VR ที่เข้ากันได้กับ Oculus ที่ทำงานบนคอมพิวเตอร์เดสก์ท็อปเมื่อเชื่อมต่อผ่าน USB หรือ Wi-Fi ซึ่งใช้ระบบ Qualcomm Snapdragon XR2 บนชิปที่มี RAM ขนาด 6 GB จอแสดงผล Quest 2 เป็นแผง LCD แบบสลับเร็วรูปเดียวที่มีความละเอียด 1,832 × 1,920 พิกเซลต่อความละเอียดสำหรับสายตาที่ทำงานโดยมีอัตราการรีเฟรชสูงสุด 120 Hz
เบราว์เซอร์ Oculus
ปัจจุบันมีเบราว์เซอร์ 3 รายการที่พร้อมใช้งานใน Oculus Quest 2 ได้แก่ Wolvic ซึ่งเป็นรุ่นที่สืบทอดมาจาก Firefox Reality และ Oculus Browser ในตัว บทความนี้จะมุ่งเน้นที่การปรับปรุงหลัง เว็บไซต์ Oculus แนะนำ Oculus Browser ดังนี้
"Oculus Browser ให้การสนับสนุนมาตรฐานเว็บล่าสุดและเทคโนโลยีอื่นๆ เพื่อช่วยคุณสร้างประสบการณ์ VR บนเว็บ เว็บไซต์ 2 มิติในปัจจุบันทำงานได้ดีใน Oculus Browser เนื่องจากขับเคลื่อนโดยเครื่องมือแสดงผล Chromium เราได้เพิ่มประสิทธิภาพสำหรับชุดหูฟัง Oculus เพื่อให้ได้ประสิทธิภาพที่ดีที่สุดและช่วยให้นักพัฒนาเว็บใช้ประโยชน์จากศักยภาพของ VR ได้อย่างเต็มที่ด้วย API ใหม่ๆ เช่น WebXR WebXR จะเปิดประตูสู่โลกแห่งอนาคตของเว็บ"
User Agent
สตริง User Agent ของเบราว์เซอร์ ณ เวลาที่เขียนมีดังนี้
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
อินเทอร์เฟซผู้ใช้
อินเทอร์เฟซผู้ใช้ของเบราว์เซอร์ (แสดงอยู่ด้านบน) มีฟีเจอร์ต่อไปนี้ (แถวบนสุดจากซ้ายไปขวา)
- ปุ่มย้อนกลับ
- ปุ่มโหลดซ้ำ
- ข้อมูลเว็บไซต์
- แถบ URL
- ปุ่มสร้างบุ๊กมาร์ก
- ปุ่มปรับขนาดที่มีตัวเลือกแคบ ปานกลาง และกว้าง รวมถึงฟีเจอร์การซูม
- ปุ่มขอเว็บไซต์เวอร์ชันอุปกรณ์เคลื่อนที่
- ปุ่มเมนูที่มีตัวเลือกต่อไปนี้
- เข้าสู่โหมดส่วนตัว
- ปิดแท็บทั้งหมด
- การตั้งค่า
- บุ๊กมาร์ก
- การดาวน์โหลด
- ประวัติ
- ล้างข้อมูลการท่องเว็บ
แถวล่างมีฟีเจอร์ต่อไปนี้
- ปุ่มปิด
- ปุ่มย่อเล็กสุด
- ปุ่ม 3 จุดที่มีตัวเลือกย้อนกลับ ไปข้างหน้า และโหลดซ้ำ
อัตราการรีเฟรชและอัตราส่วนพิกเซลของอุปกรณ์
สำหรับ Oculus Quest 2 เบราว์เซอร์ Oculus จะแสดงผลทั้งเนื้อหาหน้าเว็บ 2 มิติและ WebXR ที่อัตราการรีเฟรช 90 Hz เมื่อดูสื่อแบบเต็มหน้าจอ Oculus Browser จะเพิ่มประสิทธิภาพอัตราการรีเฟรชของอุปกรณ์ตามอัตราเฟรมของวิดีโอ เช่น 24 FPS Oculus Quest 2 มีอัตราส่วนพิกเซลของอุปกรณ์ 1.5 เพื่อให้ข้อความคมชัด
PWA ใน Oculus Browser และ Oculus Store
เมื่อวันที่ 28 ตุลาคม 2021 Jacob Rossi หัวหน้าทีมจัดการผลิตภัณฑ์ของ Meta (Oculus) ได้แชร์ว่าPWA จะพร้อมให้บริการใน Oculus Quest และ Oculus Quest 2 ต่อไปนี้เราจะอธิบายประสบการณ์การใช้งาน PWA ใน Oculus และอธิบายวิธีสร้าง โหลดจากภายนอก และทดสอบ PWA ใน Oculus Quest 2
การแชร์สถานะ
สถานะการเข้าสู่ระบบจะแชร์ระหว่างเบราว์เซอร์ Oculus กับ PWA ซึ่งช่วยให้ผู้ใช้สลับระหว่างเบราว์เซอร์กับ PWA ได้อย่างราบรื่น แน่นอนว่าระบบจะรองรับการเข้าสู่ระบบด้วย Facebook อยู่แล้ว Oculus Browser มีเครื่องมือจัดการรหัสผ่านที่ช่วยให้ผู้ใช้จัดเก็บและแชร์รหัสผ่านได้อย่างปลอดภัยระหว่างประสบการณ์การใช้งานเบราว์เซอร์กับแอปที่ติดตั้ง
ขนาดของหน้าต่าง PWA
ผู้ใช้สามารถปรับขนาดหน้าต่างเบราว์เซอร์และหน้าต่างของ PWA ที่ติดตั้งไว้ได้อย่างอิสระ ความสูงอาจแตกต่างกันไปตั้งแต่ 625 ถึง 1,200 พิกเซล กำหนดความกว้างได้ตั้งแต่ 400 ถึง 2,000 พิกเซล ขนาดเริ่มต้นคือ 1,000 × 625 พิกเซล
การโต้ตอบกับ PWA
ควบคุม PWA ได้ด้วยตัวควบคุมทั้งซ้ายและขวาของ Oculus, เมาส์และแป้นพิมพ์บลูทูธ รวมถึงผ่านการติดตามมือ การเลื่อนจะทำงานผ่านปุ่มบังคับทิศทางบนตัวควบคุม Oculus หรือโดยการบีบนิ้วโป้งและนิ้วชี้แล้วเลื่อนไปในทิศทางที่ต้องการ หากต้องการเลือกสิ่งใด ผู้ใช้สามารถชี้และบีบนิ้ว
สิทธิ์สำหรับ PWA
สิทธิ์ในเบราว์เซอร์ Oculus ทำงานคล้ายกับใน Chrome ระบบจะแชร์สถานะระหว่างแอปที่ทำงานในเบราว์เซอร์กับ PWA ที่ติดตั้งไว้ เพื่อให้ผู้ใช้สลับระหว่างประสบการณ์การใช้งาน 2 แบบได้โดยไม่ต้องให้สิทธิ์เดียวกันอีกครั้ง
แม้ว่าจะมีการใช้สิทธิ์หลายรายการ แต่ระบบอาจไม่รองรับบางฟีเจอร์ เช่น แม้ว่าจะขอสิทธิ์เข้าถึงตำแหน่งทางภูมิศาสตร์สำเร็จ แต่อุปกรณ์กลับไม่ได้รับตำแหน่งจริง ในทำนองเดียวกัน API ของฮาร์ดแวร์ชนิดต่างๆ เช่น WebHID, เว็บบลูทูธ ฯลฯ ล้วน "ผ่านการตรวจหาฟีเจอร์" แต่จริงๆ แล้วจะไม่แสดงเครื่องมือเลือกที่ผู้ใช้จะจับคู่ Oculus กับอุปกรณ์ฮาร์ดแวร์ เราคิดว่าความสามารถในการตรวจหาฟีเจอร์ของ API จะได้รับการปรับปรุงเมื่อเบราว์เซอร์พัฒนาขึ้น
การแก้ไขข้อบกพร่อง PWA ผ่านเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
หลังจากเปิดใช้โหมดนักพัฒนาแอปแล้ว การแก้ไขข้อบกพร่อง PWA ใน Oculus Quest 2 จะทำงานตามที่อธิบายไว้ในส่วนแก้ไขข้อบกพร่องอุปกรณ์ Android จากระยะไกล
- ในอุปกรณ์ Oculus ให้เรียกดูเว็บไซต์ที่ต้องการใน Oculus Browser
- เปิด Google Chrome ในคอมพิวเตอร์และไปที่
chrome://inspect/#devices - ค้นหาอุปกรณ์ Oculus ที่เป็นปัญหา ซึ่งจะมีชุดแท็บเบราว์เซอร์ Oculus ที่เปิดอยู่ในอุปกรณ์แสดงอยู่ด้วย
- คลิกตรวจสอบในแท็บ Oculus Browser ที่ต้องการ
การค้นพบแอป
ซึ่งผู้ใช้จะใช้ตัวเบราว์เซอร์หรือ Oculus Store เพื่อค้นหา PWA ก็ได้ PWA ที่ติดตั้งไว้ใช้งานในเบราว์เซอร์ Oculus เป็นเว็บไซต์ที่ทำงานในแท็บได้เช่นเดียวกับเบราว์เซอร์อื่นๆ เมื่อผู้ใช้เข้าชมเว็บไซต์ Oculus Browser จะช่วยผู้ใช้ค้นพบแอปหาก (และต่อเมื่อ) แอปนั้นมีให้บริการใน Oculus Store สำหรับผู้ใช้ที่ติดตั้งแอปอยู่แล้ว Oculus Browser จะช่วยให้เปลี่ยนไปใช้แอปได้อย่างง่ายดายหากต้องการ
PWA ตัวอย่างใน Oculus Quest 2
PWA โดย Meta
แผนกต่างๆ ของ Meta ได้สร้าง PWA สำหรับ Oculus Quest 2 หลายรายการ เช่น Instagram และ Facebook PWA เหล่านี้จะทำงานในหน้าต่างแอปแบบสแตนด์อโลนที่ไม่มีแถบ URL และปรับขนาดได้อย่างอิสระ
PWA ของนักพัฒนาแอปรายอื่น
ในขณะที่เขียนบทความนี้ มี PWA สำหรับ Oculus Quest 2 ใน Oculus Store จำนวนไม่มากแต่ก็เพิ่มจำนวนขึ้นเรื่อยๆ Spike ช่วยให้ผู้ใช้ได้สัมผัสประสบการณ์การใช้งานเครื่องมือการทำงานที่สำคัญทั้งหมด เช่น อีเมล แชท การโทร โน้ต งาน และสิ่งที่ต้องทำจากกล่องจดหมายในฮับสภาพแวดล้อมเสมือนจริงในแอป Spike
อีกตัวอย่างหนึ่งคือ Smartsheet ซึ่งเป็นพื้นที่ทำงานแบบไดนามิกที่ให้บริการจัดการโปรเจ็กต์ เวิร์กโฟลว์อัตโนมัติ และการสร้างโซลูชันใหม่อย่างรวดเร็ว
เราจะได้เห็น PWA อื่นๆ อีกมากมาย เช่น Slack, Dropbox หรือ Canva ดังที่ได้บอกใบ้ไว้ในวิดีโอที่มี Jacob Rossi ซึ่งเผยแพร่ในการประชุม Connect ของ Facebook ในปี 2021
การสร้าง PWA สำหรับ Oculus
Meta ได้ระบุขั้นตอนที่จำเป็นไว้ในเอกสารประกอบ โดยทั่วไปแล้ว PWA ที่ติดตั้งใน Chrome ได้จะทำงานทันทีตั้งแต่แกะกล่องใน Oculus
ข้อกำหนดของไฟล์ Manifest ของเว็บแอป
มีข้อแตกต่างที่สำคัญบางอย่างเมื่อเทียบกับเกณฑ์ความสามารถในการติดตั้งของ Chrome และข้อกำหนดของไฟล์ Manifest ของเว็บแอป เช่น ปัจจุบัน Oculus รองรับเฉพาะภาษาจากซ้ายไปขวาเท่านั้น ในขณะที่ข้อกำหนดของไฟล์ Manifest ของเว็บแอปไม่ได้บังคับใช้ข้อจำกัดดังกล่าว อีกตัวอย่างหนึ่งคือ start_url ซึ่ง Chrome กำหนดอย่างเคร่งครัดว่าแอปต้องติดตั้งได้ แต่ Oculus ไม่ได้บังคับ Oculus มีเครื่องมือบรรทัดคำสั่งที่ช่วยให้นักพัฒนาแอปสร้าง PWA สำหรับ Oculus Quest 2 ได้ ซึ่งจะช่วยให้ส่งพารามิเตอร์ที่ขาดหายไป (หรือลบล้างพารามิเตอร์ที่มีอยู่) ในไฟล์ Manifest ของเว็บแอปได้
Oculus มีช่องไฟล์ Manifest ของเว็บแอปที่เป็นกรรมสิทธิ์ซึ่งไม่บังคับจำนวนหนึ่งที่ใช้ปรับแต่งประสบการณ์การใช้งาน PWA ได้
การสร้างแพ็กเกจ PWA ด้วย Bubblewrap CLI
Bubblewrap เป็นชุดไลบรารีและเครื่องมือบรรทัดคำสั่ง (CLI) แบบโอเพนซอร์สสําหรับ Node.js Bubblewrap พัฒนาโดยทีม Google Chrome เพื่อช่วยนักพัฒนาแอปสร้าง บิลด์ และลงนามโปรเจ็กต์ Android ที่เปิด PWA เป็นกิจกรรมบนเว็บที่เชื่อถือได้ (TWA)
ปัจจุบันเบราว์เซอร์ Meta Quest ยังไม่รองรับ TWA อย่างเต็มรูปแบบ แต่ตั้งแต่เวอร์ชัน 1.18.0 เป็นต้นไป บับเบิ้ลแวร์รองรับการจัดแพ็กเกจ PWA สำหรับอุปกรณ์ Meta Quest
ซึ่งสามารถสร้างไฟล์ APK แบบสากลที่เปิด TWA ในอุปกรณ์ Android ทั่วไปและ Meta Quest Browser ในอุปกรณ์ Meta Quest
สมมติว่าคุณได้ติดตั้ง Node.js แล้ว คุณจะติดตั้ง Bubblewrap CLI ได้ด้วยคำสั่งต่อไปนี้
npm i -g @bubblewrap/cli
เมื่อเรียกใช้ Bubblewrap เป็นครั้งแรก ระบบจะเสนอให้ดาวน์โหลดและติดตั้งแพ็กเกจที่ต้องพึ่งพาภายนอกซึ่งจำเป็น ได้แก่ Java Development Kit (JDK) และเครื่องมือสร้าง Android SDK โดยอัตโนมัติ
หากต้องการสร้างโปรเจ็กต์ Android ที่เข้ากันได้กับ Meta Quest ซึ่งรวม PWA ของคุณไว้ ให้เรียกใช้คำสั่ง init ด้วย Flag --metaquest แล้วทำตามวิซาร์ด
bubblewrap init --manifest="https://your.web.app/manifest.json" --metaquest
เมื่อสร้างโปรเจ็กต์แล้ว ให้สร้างและลงนามโดยเรียกใช้คำสั่งต่อไปนี้
bubblewrap build
การดำเนินการนี้จะแสดงไฟล์ชื่อ app-release-signed.apk ไฟล์นี้สามารถติดตั้งในอุปกรณ์หรือเผยแพร่ไปยัง Meta Quest Store, Google Play Store หรือแพลตฟอร์มการจัดจำหน่ายแอป Android อื่นๆ
การสร้างแพ็กเกจ PWA ด้วย Oculus Platform Utility
Oculus Platform Utility เป็นเครื่องมือบรรทัดคำสั่งอย่างเป็นทางการที่ Meta พัฒนาขึ้นเพื่อเผยแพร่แอปสำหรับอุปกรณ์ Oculus Rift และ Meta Quest
นอกจากนี้ยังช่วยให้รวม PWA สำหรับอุปกรณ์ Meta Quest ด้วยคำสั่ง create-pwa และเผยแพร่ไปยัง Meta Quest Store และ App Lab ได้ด้วย
ตั้งชื่อไฟล์เอาต์พุตผ่านพารามิเตอร์ -o และเส้นทางไปยัง Android SDK ผ่านพารามิเตอร์ --android-sdk
ชี้เครื่องมือไปที่ URL ที่ใช้งานจริงของไฟล์ Manifest ของเว็บแอปผ่านพารามิเตอร์ --web-manifest-url
หากไม่มีไฟล์ Manifest ใน PWA ที่เผยแพร่อยู่หรือต้องการลบล้างไฟล์ Manifest ที่เผยแพร่อยู่ คุณยังคงสร้าง APK สําหรับ PWA ได้โดยใช้ไฟล์ Manifest ในเครื่องและพารามิเตอร์ --manifest-content-file
หากต้องการให้ไฟล์ Manifest บริสุทธิ์มากที่สุด ให้ใช้พารามิเตอร์ --package-name ที่มีค่าในนิพจน์ชื่อโดเมนแบบย้อนกลับ (เช่น com.company.app.pwa) แทนการเพิ่มช่อง ovr_package_name ที่เป็นกรรมสิทธิ์ลงในไฟล์ Manifest
ovr-platform-util create-pwa -o output.apk --android-sdk ~/bin/android-10 --manifest-content-file manifest.json --package-name com.company.app.pwa
การจัดแพ็กเกจ PWA ด้วย PWABuilder
การใช้ PWABuilder เป็นวิธีที่ง่ายที่สุดและแนะนำสำหรับแพ็กเกจ PWA สำหรับ Meta Quest ในขณะนี้
PWABuilder เป็นโปรเจ็กต์โอเพนซอร์สที่พัฒนาโดย Microsoft ซึ่งช่วยให้นักพัฒนาแอปสามารถแพ็กเกจและเซ็นชื่อ PWA เพื่อเผยแพร่ใน Store ต่างๆ ซึ่งรวมถึง Microsoft Store, Google Play Store, App Store และ Meta Quest Store
การสร้างแพ็กเกจ PWA ด้วย PWABuilder นั้นง่ายเหมือนกับการป้อน URL ของ PWA, ป้อน/แก้ไขข้อมูลเมตาสำหรับแอป และคลิกปุ่มสร้าง
PWABuilder ช่วยให้นักพัฒนาแอปมีตัวเลือกเครื่องมือที่จะใช้สำหรับแพ็กเกจ PWA สำหรับอุปกรณ์ Meta Quest
คุณสามารถเลือกตัวเลือก Meta Quest เพื่อใช้ยูทิลิตีแพลตฟอร์ม Oculus
คุณสามารถเลือกตัวเลือก Android เพื่อใช้ Bubblewrap และเลือกช่องทำเครื่องหมายใช้งานร่วมกับ Meta Quest ได้
การติดตั้ง PWA ด้วย ADB
หลังจากสร้างไฟล์ APK แล้ว คุณสามารถโหลดลงในอุปกรณ์ Meta Quest โดยใช้ ADB ผ่าน USB หรือ Wi-Fi ได้โดยทำดังนี้
adb install app-release-signed.apk
หากคุณใช้ Bubblewrap CLI สำหรับแพ็กเกจ PWA จะมีคำสั่งชื่อแทนที่สะดวกเพื่อโหลดไฟล์ APK จากแหล่งที่ไม่รู้จัก
bubblewrap install
แอปที่ไซด์โหลดจะปรากฏในส่วนแหล่งที่มาที่ไม่รู้จักในหน้าที่รวมแอปทั้งหมด
การส่งแอป
การอัปโหลดและส่ง PWA ไปยัง Oculus Store มีรายละเอียดอยู่ในเอกสารของศูนย์นักพัฒนาแอป Oculus
นอกจากการส่งแอปไปยัง Oculus Store แล้ว นักพัฒนาแอปยังเผยแพร่แอปของตนผ่านแพลตฟอร์มต่างๆ เช่น 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
ต่อไปนี้เป็นภาพหน้าจอของแอปทดสอบ
SVGcode เวอร์ชันของ Oculus
เราได้ลองทำตามวิธีการนี้ด้วยการสร้าง PWA เวอร์ชันล่าสุดของ SVGcode สำหรับ Oculus คุณสามารถดาวน์โหลดไฟล์ APK ที่ได้
output.apk
จาก Google ไดรฟ์ของฉัน หากต้องการตรวจสอบแพ็กเกจเพิ่มเติม เรามีเวอร์ชันที่ถอดประกอบแล้วด้วย ค้นหาวิธีการบิลด์ใน package.json
การใช้แอปใน Oculus ทำงานได้อย่างถูกต้อง รวมถึงสามารถเปิดและบันทึกไฟล์ได้ เบราว์เซอร์ Oculus ไม่รองรับ File System Access API แต่ใช้วิธีการสำรองก่อน สิ่งเดียวที่ใช้งานไม่ได้คือการซูมแบบบีบนิ้ว ผมคาดหวังให้มันทำงานได้โดยกดปุ่มทริกเกอร์บนตัวควบคุมทั้ง 2 อัน แล้วเลื่อนตัวควบคุมไปในทิศทางที่ตรงข้ามกัน นอกเหนือจากนั้น ทุกอย่างมีประสิทธิภาพและตอบสนองได้ดีตามที่เห็นในหน้าจอแคสต์ที่ฝังไว้
PWA แบบ 3D WebXR ที่สมจริง
การรองรับ PWA ใน Oculus Quest ไม่ได้จำกัดไว้เพียงแอป 2 มิติแบบแบน นักพัฒนาแอปสามารถสร้างประสบการณ์ 3 มิติที่สมจริงสำหรับ VR โดยใช้ WebXR API
หากสงสัยว่าระบบจัดการพรอมต์ต่างๆ (การติดตั้ง PWA, คำขอสิทธิ์, การแจ้งเตือน) จากภายใน VR อย่างไร (หากมี)
นี่คือ Screencast ของการทดสอบ User Agent Prompt จากการทดสอบ WebXR ของคณะทำงาน Immersive Web
ดังที่คุณเห็น การเข้าโหมด VR ต้องใช้สิทธิ์ของผู้ใช้ ระบบจะขอสิทธิ์เพียงครั้งเดียวต่อต้นทาง การขอสิทธิ์จะทำให้ออกจากโหมดสมจริง ขณะนี้ยังไม่รองรับการแจ้งเตือน
การติดตามการเคลื่อนไหวของมือ
คุณใช้มือเพื่อโต้ตอบกับ PWA ในโหมดสมจริงได้ โดยใช้ WebXR Hand Input API และระบบการติดตามการเคลื่อนไหวของมือที่อิงตาม AI ของ Meta
ต่อไปนี้เป็นภาพหน้าจอของตัวอย่างการติดตามมือจากตัวอย่าง WebXR ของกลุ่มทำงานเว็บที่สมจริง
เทคโนโลยีความจริงเสริม (AR)/เทคโนโลยีความจริงแบบผสม (Passthrough)
ตามที่ได้ประกาศในงาน Meta Connect 2022 เบราว์เซอร์ Meta Quest ได้เพิ่มการรองรับ WebXR Augmented Reality (AR) หรือที่เรียกว่าเทคโนโลยีความจริงแบบผสม (MR) ในอุปกรณ์ Meta Quest 2 และ Meta Quest Pro
มาดูตัวอย่างเริ่มต้น A-Frame ที่ได้รับการดัดแปลงเล็กน้อยกับโมเดลที่ปรับขนาดแล้ว รวมถึงท้องฟ้าและระนาบที่ซ่อนไว้สำหรับ Augmented Reality
A-Frame เป็นเฟรมเวิร์กเว็บแบบโอเพนซอร์สสำหรับการสร้างประสบการณ์แบบ 3D/VR/AR โดยไม่มีองค์ประกอบ HTML ที่กำหนดเองแบบประกาศใช้ซ้ำและใช้ซ้ำได้ ทำให้อ่าน เข้าใจ และคัดลอกและวางได้ง่าย
ต่อไปนี้เป็นภาพหน้าจอของการสาธิตนี้ใน Meta Quest 2
Meta Quest 2 มีกล้องโมโนโครม ดังนั้นภาพจากกล้องจึงเป็นแบบโมโนโครม ส่วน Meta Quest Pro มีกล้องสี
บทสรุป
PWA ใน Oculus Quest 2 นั้นสนุกมากและน่าใช้งาน ผืนผ้าใบเสมือนจริงแบบไม่รู้จบที่ให้ผู้ใช้ปรับขนาดหน้าจอให้เหมาะกับงานปัจจุบันที่สุดมีโอกาสที่จะเปลี่ยนวิธีการทำงานในอนาคตได้อย่างมาก แม้ว่าการพิมพ์ใน VR ด้วยการติดตามมือจะยังอยู่ในขั้นเริ่มต้น และอย่างน้อยสำหรับเราแล้วยังทำงานได้ไม่เสถียรนัก แต่ก็ยังทำงานได้ดีพอสำหรับการป้อน URL หรือพิมพ์ข้อความสั้นๆ
สิ่งที่ฉันชอบที่สุดเกี่ยวกับ PWA ใน Oculus Quest 2 คือ PWA เหล่านี้เป็นเพียง PWA ปกติที่ใช้ได้โดยไม่ต้องเปลี่ยนแปลงในแท็บเบราว์เซอร์หรือผ่าน Thin APK Wrapper ที่ไม่มี API สำหรับแพลตฟอร์มใดแพลตฟอร์มหนึ่งโดยเฉพาะ การกําหนดเป้าหมายหลายแพลตฟอร์มด้วยโค้ดเดียวกันนั้นง่ายกว่าที่เคย ยินดีต้อนรับ PWA ใน VR และ AR บนเว็บ อนาคตสดใส
กิตติกรรมประกาศ
รูปภาพของ Oculus Quest 2 โดย Maximilian Prandstätter ใน Flickr รูปภาพแอป Instagram, Facebook, Oculus Browser และ Spike ใน Oculus Store รวมถึงภาพการค้นพบแอปและภาพเคลื่อนไหวการติดตามมือของ Meta รูปภาพหลักโดย Arnau Marín i Puig โพสต์นี้ผ่านการตรวจสอบโดย Joe Medley