Oculus Quest 2-এ PWA

Oculus Quest 2 হল একটি ভার্চুয়াল রিয়েলিটি (VR) হেডসেট যা Meta-র একটি বিভাগ Oculus তৈরি করেছে। ডেভেলপাররা এখন 2D এবং 3D প্রোগ্রেসিভ ওয়েব অ্যাপ (PWA) তৈরি ও ডিস্ট্রিবিউট করতে পারবেন যা Oculus Quest 2-এর মাল্টিটাস্কিং ফিচারের সুবিধা নেয়।

Thomas Steiner

Alexey Rodionov

Oculus Quest ২

Oculus Quest 2 হল একটি ভার্চুয়াল রিয়ালিটি (VR) হেডসেট যা Meta-র একটি বিভাগ Oculus তৈরি করেছে। এটি কোম্পানির আগের হেডসেট, Oculus Quest-এর পরবর্তী ভার্সন। ডিভাইসটি ইন্টার্নাল, Android-ভিত্তিক অপারেটিং সিস্টেম সহ স্ট্যান্ডঅ্যালোন হেডসেট হিসেবে এবং USB বা ওয়াই-ফাইয়ের মাধ্যমে কানেক্ট করা থাকলে ডেস্কটপ কম্পিউটারে Oculus-এর সাথে মানানসই VR সফ্টওয়্যার সহ, উভয় ক্ষেত্রেই কাজ করতে পারে। এতে Qualcomm Snapdragon XR2 সিস্টেম অন এ চিপ ও ৬ জিবি র‍্যাম ব্যবহার করা হয়। Quest 2-এর ডিসপ্লে হল একটি সিঙ্গুলার ফাস্ট-সুইচ LCD প্যানেল, যার প্রতি চোখের রেজোলিউশন হল ১,৮৩২ × ১,৯২০ পিক্সেল এবং এটি সর্বাধিক ১২০ Hz রিফ্রেশ রেটে কাজ করে।

Oculus ব্রাউজার

বর্তমানে Oculus Quest 2-এর জন্য তিনটি ব্রাউজার উপলভ্য: Wolvic, যা Firefox Reality-এর উত্তরসূরি এবং বিল্ট-ইন Oculus Browser। এই নিবন্ধে পরেরটির উপর মনোযোগ দেওয়া হয়েছে। Oculus ওয়েবসাইটে Oculus Browser-এর পরিচয় এইভাবে দেওয়া হয়েছে।

"Oculus Browser লেটেস্ট ওয়েব স্ট্যান্ডার্ড ও অন্যান্য প্রযুক্তির জন্য সহায়তা প্রদান করে যাতে আপনি ওয়েবে VR অভিজ্ঞতা তৈরি করতে পারেন। আজকের 2D ওয়েবসাইট Oculus ব্রাউজারে খুব ভালো কাজ করে কারণ এটি Chromium রেন্ডারিং ইঞ্জিন দ্বারা পরিচালিত। সেরা পারফর্ম্যান্স পেতে এবং ওয়েব ডেভেলপারদের WebXR-এর মতো নতুন API-এর মাধ্যমে VR-এর সম্পূর্ণ সম্ভাবনা কাজে লাগাতে সাহায্য করার জন্য এটি Oculus হেডসেটের জন্য আরও অপ্টিমাইজ করা হয়েছে। 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 হয়ে যায়।

ইউজার ইন্টারফেস

ব্রাউজারের ইউজার ইন্টারফেসে (উপরে দেখানো হয়েছে) নিম্নলিখিত ফিচার আছে (উপরের সারিতে বাঁদিক থেকে ডানদিকে):

• ফিরে যাওয়ার বোতাম
• পুনরায় লোড করার বোতাম
• সাইট সংক্রান্ত তথ্য
• URL বার
• বুকমার্ক বোতাম তৈরি করুন
• ছোট-বড় করার বোতাম, যাতে সরু, মাঝারি ও চওড়া বিকল্পের পাশাপাশি জুম করার ফিচারও আছে
• মোবাইল ওয়েবসাইট বোতামের অনুরোধ করুন
• নিম্নলিখিত বিকল্প সহ মেনু বোতাম:
  • ব্যক্তিগত মোডে যান
  • সব ট্যাব বন্ধ করুন
  • সেটিংস
  • বুকমার্ক
  • ডাউনলোড
  • ইতিহাস
  • ব্রাউজিং ডেটা মুছুন

নিচের সারিতে এইসব ফিচার রয়েছে:

• বন্ধ করার বোতাম
• মিনিমাইজ করার বোতাম
• ফিরে যান, এগিয়ে যান এবং রিলোড করুন বিকল্প সহ তিন ডট বোতাম

রিফ্রেশ রেট ও ডিভাইসের পিক্সেল রেশিও

Oculus Quest 2-এর জন্য, Oculus Browser, 2D ওয়েব পেজ কন্টেন্ট এবং WebXR, দুটিই 90 Hz রিফ্রেশ রেটে রেন্ডার করে। ফুলস্ক্রিন মিডিয়া দেখার সময়, Oculus Browser ভিডিওর ফ্রেম রেটের উপর ভিত্তি করে ডিভাইসের রিফ্রেশ রেট অপ্টিমাইজ করে, যেমন, ২৪ fps। Oculus Quest ২-এ স্পষ্ট টেক্সটের জন্য ১.৫ ডিভাইস পিক্সেল রেশিও আছে।

Oculus ব্রাউজার এবং Oculus Store-এ PWA

২৮ অক্টোবর, ২০২১-এ, Meta (Oculus)-এর প্রোডাক্ট ম্যানেজমেন্ট লিড, জ্যাকব রসি, জানিয়েছেন যে PWA, Oculus Quest এবং Oculus Quest 2-এ আসতে চলেছে। নিচে, আমি Oculus-এ PWA অভিজ্ঞতা বর্ণনা করেছি এবং Oculus Quest 2-এ কীভাবে আপনার PWA তৈরি, সাইডলোড ও পরীক্ষা করবেন তা ব্যাখ্যা করেছি।

স্টেট শেয়ারিং

Oculus Browser এবং PWA-এর মধ্যে লগ-ইন স্ট্যাটাস শেয়ার করা হয়, যার ফলে ব্যবহারকারীরা নির্বিঘ্নে দুটির মধ্যে পরিবর্তন করতে পারেন। স্বাভাবিকভাবেই, Facebook Login আউট অফ দ্য বক্স হিসেবে কাজ করে। Oculus ব্রাউজারে একটি পাসওয়ার্ড ম্যানেজার আছে যা ব্যবহারকারীদের ব্রাউজার ও ইনস্টল করা অ্যাপ অভিজ্ঞতার মধ্যে নিরাপদে পাসওয়ার্ড স্টোর ও শেয়ার করতে দেয়।

PWA উইন্ডোর সাইজ

ব্যবহারকারী ব্রাউজার উইন্ডো এবং ইনস্টল করা PWA-এর উইন্ডো নিজের ইচ্ছেমতো ছোট-বড় করতে পারবেন। উচ্চতা ৬২৫ পিক্সেল থেকে ১,২০০ পিক্সেলের মধ্যে হতে পারে। প্রস্থ ৪০০ পিক্সেল থেকে ২,০০০ পিক্সেলের মধ্যে সেট করা যাবে। ডিফল্ট ডাইমেনশন হল ১,০০০ × ৬২৫ পিক্সেল।

PWA-এর সাথে ইন্টার‍্যাক্ট করা

Oculus-এর বাঁদিকের ও ডানদিকের কন্ট্রোলার, ব্লুটুথ মাউস ও কীবোর্ড এবং হ্যান্ড ট্র্যাকিংয়ের মাধ্যমে PWA কন্ট্রোল করা যায়। Oculus কন্ট্রোলারে থাম্ব স্টিক ব্যবহার করে অথবা বুড়ো আঙুল ও তর্জনী দিয়ে চিমটি কেটে পছন্দের দিকে সরানোর মাধ্যমে স্ক্রল করা যায়। কিছু বেছে নিতে, ব্যবহারকারী পয়েন্ট ও পিঞ্চ করতে পারেন।

PWA-এর জন্য অনুমতি

Oculus Browser-এ অনুমতি Chrome-এর মতোই কাজ করে। ব্রাউজারে চলা অ্যাপ এবং ইনস্টল করা PWA-এর মধ্যে স্ট্যাটাস শেয়ার করা হয়, যাতে ব্যবহারকারী একই অনুমতি আবার না দিয়েই দুটি অভিজ্ঞতার মধ্যে পরিবর্তন করতে পারেন।

যদিও অনেক অনুমতি প্রয়োগ করা হয়েছে, তবে সব ফিচার কাজ করে না। যেমন, ভৌগোলিক লোকেশন সংক্রান্ত অনুমতি চাওয়ার অনুরোধ সফল হলেও, ডিভাইসটি আসলে কখনও কোনও লোকেশন পায় না। একইভাবে, WebHID, Web Bluetooth ইত্যাদির মতো বিভিন্ন হার্ডওয়্যার API-এর সবকটিই ফিচার শনাক্তকরণ পাস করে, কিন্তু আসলে এমন কোনও পিকার দেখায় না যা ব্যবহারকারীকে Oculus-এর সাথে কোনও হার্ডওয়্যার ডিভাইস পেয়ার করতে দেবে। আমার মনে হয়, ব্রাউজার আরও উন্নত হলে API-এর ফিচার শনাক্ত করার ক্ষমতা আরও ভালো হবে।

Chrome DevTools-এর মাধ্যমে PWA ডিবাগ করা

ডেভেলপার মোড চালু করার পরে, Oculus Quest ২-এ PWA ডিবাগ করার পদ্ধতি ঠিক Android ডিভাইস রিমোট ডিবাগ করুন লিঙ্কে বর্ণিত পদ্ধতির মতোই।

1. Oculus ডিভাইসে, Oculus ব্রাউজারে আপনার পছন্দের সাইট ব্রাউজ করুন।
2. আপনার কম্পিউটারে Google Chrome চালু করুন এবং chrome://inspect/#devices-এ যান।
3. যে Oculus ডিভাইস নিয়ে প্রশ্ন উঠেছে সেটি খুঁজে নিন, এরপরেই Oculus ব্রাউজার ট্যাবের একটি সেট দেখতে পাবেন যা বর্তমানে ডিভাইসে খোলা আছে।
4. পছন্দসই Oculus ব্রাউজার ট্যাবে পরীক্ষা করুন বিকল্পে ক্লিক করুন।

অ্যাপ ডিসকভারি

PWA খুঁজে পেতে লোকজন ব্রাউজার বা Oculus Store ব্যবহার করতে পারেন। অন্য যেকোনও ব্রাউজারের মতোই, ইনস্টল করা PWA-ও Oculus Browser-এ ট্যাবে চলা ওয়েবসাইট হিসেবে কাজ করে। কোনও ব্যবহারকারী সাইট ভিজিট করলে, Oculus Browser তাকে অ্যাপটি খুঁজে পেতে সাহায্য করবে, যদি (এবং শুধুমাত্র যদি) সেটি Oculus Store-এ উপলভ্য থাকে। যেসব ব্যবহারকারীর কাছে আগে থেকেই অ্যাপ ইনস্টল করা আছে, Oculus Browser তাদের ইচ্ছা হলে সহজেই অ্যাপে পাল্টে নিতে সাহায্য করবে।

মনে রাখবেন: বর্তমানে Oculus ব্রাউজারে BeforeInstallPrompt ইভেন্ট কাজ করবে না, যদিও ফিচার শনাক্তকরণে এটি কাজ করবে বলে দেখানো হয়েছে।

Oculus Quest 2-এ অনুকরণীয় PWA

Meta-এর PWA

Meta-র একাধিক বিভাগ Oculus Quest 2-এর জন্য PWA তৈরি করেছে, যেমন Instagram এবং Facebook। এইসব PWA স্ট্যান্ডঅ্যালোন অ্যাপ উইন্ডোতে চলে, যেখানে কোনও URL বার থাকে না এবং যেগুলি ফ্রিলি ছোট বড় করা যায়।

অন্যান্য ডেভেলপারদের তৈরি করা PWA

এই নিবন্ধটি লেখার সময়, Oculus Store-এ Oculus Quest 2-এর জন্য অল্প সংখ্যক PWA আছে, তবে এই সংখ্যাটি ক্রমশ বাড়ছে। Spike ব্যবহারকারীদের ইমেল, চ্যাট, কল, নোট, টাস্ক ও করণীয় তালিকার মতো সব প্রয়োজনীয় কাজের টুল Spike অ্যাপের মধ্যেই ভার্চুয়াল এনভায়রনমেন্ট হাবের ইনবক্স থেকে ব্যবহার করার সুবিধা দেয়।

আরেকটি উদাহরণ হল Smartsheet, এটি একটি ডায়নামিক ওয়ার্কস্পেস যা প্রোজেক্ট ম্যানেজমেন্ট, অটোমেটেড ওয়ার্কফ্লো এবং নতুন সমাধান দ্রুত তৈরি করার সুবিধা প্রদান করে।

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	(ঐচ্ছিক) URL বা পাথ যা অ্যাপের অংশ হিসেবে বিবেচনা করা উচিত।
start_url	(ঐচ্ছিক) অ্যাপ লঞ্চ করার সময় দেখানোর জন্য URL।

Oculus-এ বেশ কিছু ঐচ্ছিক প্রোপ্রাইটরি ওয়েব অ্যাপ ম্যানিফেস্ট ফিল্ড আছে যেগুলি PWA অভিজ্ঞতা কাস্টমাইজ করতে ব্যবহার করা যেতে পারে।

নাম	বিবরণ
ovr_package_name	(ঐচ্ছিক) PWA-এর জন্য তৈরি করা APK-এর প্যাকেজের নাম সেট করে। এটি অবশ্যই রিভার্স ডোমেন নেম নোটেশনে হতে হবে, যেমন, "com.company.app.pwa"। সেট করা না থাকলে, ডেভেলপারদের অবশ্যই কমান্ড লাইন টুলে প্যাকেজের নাম দিতে হবে এবং (তখন প্রয়োজনীয়) প্যারামিটার --package-name ব্যবহার করতে হবে।
ovr_multi_tab_enabled	(ঐচ্ছিক) true হলে, এই বুলিয়ান ফিল্ড Oculus Browser-এর মতো PWA-কে একটি ট্যাব বার দেবে। মাল্টি-ট্যাব PWA-তে, নতুন ট্যাব (target="_new" বা target="_blank") টার্গেট করে এমন ইন্টার্নাল লিঙ্ক, PWA উইন্ডোর মধ্যে নতুন ট্যাবে খুলবে। এটি সিঙ্গল-ট্যাব PWA-এর থেকে আলাদা যেখানে এই ধরনের লিঙ্ক Oculus Browser উইন্ডোতে খুলবে। এই ফিচারটি বর্তমানে ট্যাব করা অ্যাপ্লিকেশন মোড হিসেবে স্ট্যান্ডার্ডাইজ করা হচ্ছে।
ovr_scope_extensions	(ঐচ্ছিক) ওয়েব অ্যাপ্লিকেশনের স্কোপের মধ্যে আরও ওয়েব পেজ অন্তর্ভুক্ত করার জন্য PWA-কে অনুমতি দেয়। এতে JSON ডিকশনারি থাকে যার মধ্যে এক্সটেনশন URL বা ওয়াইল্ডকার্ড প্যাটার্ন থাকে। এই ফিচার বর্তমানে ওয়েব অ্যাপের জন্য স্কোপ এক্সটেনশন হিসেবে স্ট্যান্ডার্ডাইজ করা হচ্ছে।

Bubblewrap CLI-এর সাহায্যে PWA প্যাকেজ করা

Bubblewrap হল Node.js-এর জন্য লাইব্রেরির একটি ওপেন সোর্স সেট এবং একটি কমান্ড লাইন টুল (CLI)। Bubblewrap, Google Chrome টিম ডেভেলপ করেছে, যাতে ডেভেলপাররা Android প্রোজেক্ট জেনারেট, তৈরি ও সাইন করতে পারেন, যা আপনার PWA-কে বিশ্বস্ত ওয়েব অ্যাক্টিভিটি (TWA) হিসেবে লঞ্চ করে।

Meta Quest ব্রাউজার বর্তমানে TWA-কে সম্পূর্ণভাবে সাপোর্ট করে না, তবে 1.18.0 ভার্সন থেকে শুরু করে, Bubblewrap সাপোর্ট করে Meta Quest ডিভাইসের জন্য PWA প্যাকেজিং।

এটি ইউনিভার্সাল APK ফাইল তৈরি করতে পারে যা সাধারণ Android ডিভাইসে TWA এবং Meta Quest ডিভাইসে Meta Quest ব্রাউজার খোলে।

আপনার ডিভাইসে Node.js ইনস্টল করা থাকলে, নিম্নলিখিত কমান্ডের মাধ্যমে Bubblewrap CLI ইনস্টল করা যেতে পারে:

npm i -g @bubblewrap/cli

প্রথমবার Bubblewrap চালানোর সময়, এটি প্রয়োজনীয় এক্সটার্নাল ডিপেন্ডেন্সি—Java Development Kit (JDK) এবং Android SDK Build Tools অটোমেটিক ডাউনলোড ও ইনস্টল করার অফার দেবে।

আপনার 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 অ্যাপ ডিস্ট্রিবিউশন প্ল্যাটফর্মে প্রকাশ করা যেতে পারে।

মনে রাখবেন: উন্নত ফিচার সম্পর্কিত পরামর্শ: আপনি --metaquest ফ্ল্যাগ ছাড়াও --chromeosonly ফ্ল্যাগ ব্যবহার করতে পারেন যাতে APK ফাইলগুলি শুধুমাত্র Meta Quest এবং সাধারণ Android ডিভাইসের সাথেই নয়, ChromeOS ডিভাইসের সাথেও মানানসই হয়।

Oculus প্ল্যাটফর্ম ইউটিলিটির মাধ্যমে PWA প্যাকেজ করা

Oculus Platform Utility হল Meta-র তৈরি করা অফিসিয়াল কমান্ড লাইন টুল যা Oculus Rift ও Meta Quest ডিভাইসের জন্য অ্যাপ প্রকাশ করতে ব্যবহার করা হয়।

এছাড়াও, এটি create-pwa কমান্ডের সাহায্যে Meta Quest ডিভাইসের জন্য PWA প্যাকেজ করার এবং Meta Quest Store ও App Lab-এ সেগুলি প্রকাশ করার অনুমতি দেয়।

-o প্যারামিটারের মাধ্যমে আউটপুট ফাইলের নাম এবং --android-sdk প্যারামিটারের মাধ্যমে Android SDK-এর পাথ সেট করুন।

--web-manifest-url প্যারামিটারের মাধ্যমে টুলটিকে ওয়েব অ্যাপ ম্যানিফেস্টের লাইভ 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 প্ল্যাটফর্ম ইউটিলিটির মাধ্যমে তৈরি করা APK ফাইল শুধুমাত্র Meta Quest ডিভাইসের সাথে মানানসই এবং সাধারণ Android ডিভাইসে চালানো যাবে না। এছাড়াও, এগুলি শুধুমাত্র Meta Quest Store এবং App Lab-এ প্রকাশ করা যাবে।

PWABuilder-এর মাধ্যমে PWA প্যাকেজ করা

লেখকের মতে, PWABuilder ব্যবহার করা হল সবচেয়ে সহজ এবং তাই এই মুহূর্তে Meta Quest-এর জন্য PWA প্যাকেজ করার সাজেস্ট করা উপায়।

PWABuilder হল Microsoft-এর ডেভেলপ করা একটি ওপেন সোর্স প্রোজেক্ট, যা ডেভেলপারদের বিভিন্ন স্টোরে প্রকাশ করার জন্য তাদের PWA প্যাকেজ এবং সাইন করার অনুমতি দেয়, যার মধ্যে রয়েছে Microsoft Store, Google Play Store, App Store এবং Meta Quest Store।

PWABuilder-এর মাধ্যমে PWA প্যাকেজ করা খুবই সহজ। এর জন্য আপনাকে শুধু PWA-এর URL লিখতে হবে, অ্যাপের মেটাডেটা লিখতে/এডিট করতে হবে এবং জেনারেট করুন বোতামে ক্লিক করতে হবে।

Meta Quest ডিভাইসের জন্য PWA প্যাকেজ করার জন্য কোন টুল ব্যবহার করতে হবে তা বেছে নেওয়ার সুযোগ PWABuilder ডেভেলপারদের দেয়।

Oculus প্ল্যাটফর্ম ইউটিলিটি ব্যবহার করতে আপনি Meta Quest বিকল্প বেছে নিতে পারেন।

মনে রাখবেন: উন্নত ফিচার সম্পর্কিত পরামর্শ: PWABuilder, Oculus প্ল্যাটফর্ম ইউটিলিটির সামান্য পরিবর্তিত ভার্সন ব্যবহার করে যা অব্যবহৃত কোড ও রিসোর্স সরিয়ে দিয়ে অনেক ছোট APK ফাইল তৈরি করে।

আপনি Bubblewrap ব্যবহার করার জন্য Android বিকল্প বেছে নিতে এবং Meta Quest-এর সাথে মানানসই চেকবক্স বেছে নিতে পারবেন।

মনে রাখবেন: উন্নত ফিচার সম্পর্কিত পরামর্শ: যেহেতু PWABuilder নিজেই একটি PWA যা ব্রাউজার আছে এমন সব জায়গায় কাজ করে, তাই আপনি এটি Meta Quest ব্রাউজারে খুলতে এবং আপনার Meta Quest-এ সব ধাপ সম্পূর্ণ করতে পারবেন।

ADB-এর মাধ্যমে PWA ইনস্টল করা

মনে রাখার মতো বিষয়: Meta Quest ডিভাইসে Android ডিবাগ ব্রিজ (ADB) চালু করতে, আপনাকে অবশ্যই কম্প্যানিয়ন মোবাইল অ্যাপে ডেভেলপার মোড চালু করতে হবে। আপনার ডিভাইস ডেভেলপার মোডে সেট করার আগে, আপনাকে Oculus Developer Center-এ কোনও ডেভেলপার সংস্থার সাথে যুক্ত থাকতে হবে (অথবা সেটি তৈরি করতে হবে)।

APK ফাইল তৈরি করার পরে, আপনি USB বা ওয়াই-ফাইয়ের মাধ্যমে ADB ব্যবহার করে Meta Quest ডিভাইসে এটি সাইডলোড করতে পারবেন:

adb install app-release-signed.apk

আপনি যদি PWA প্যাকেজ করার জন্য Bubblewrap CLI ব্যবহার করেন, তাহলে এটি APK ফাইল সাইডলোড করার জন্য একটি সুবিধাজনক অ্যালিয়াস কমান্ড প্রদান করে:

bubblewrap install

মনে রাখবেন: উন্নত ফিচার সম্পর্কিত পরামর্শ: APK ফাইল সাইডলোড করতে আপনি Android Web Toolbox ব্যবহার করতে পারেন। এটি একটি ওপেন সোর্স ওয়েব অ্যাপ যা আপনাকে ব্রাউজার থেকে সরাসরি সমস্ত এডিবি কার্যকারিতা অ্যাক্সেস করতে দেয়, এমনকি অন্য কোনও Android ডিভাইস থেকেও। Web USB API-এর জন্য কোনও ইনস্টলেশন বা ড্রাইভারের প্রয়োজন নেই।

সাইডলোড করা অ্যাপ, অ্যাপ ড্রয়ারের অজানা উৎস বিভাগে দেখা যায়।

অ্যাপ জমা দেওয়া

গুরুত্বপূর্ণ পয়েন্ট: Oculus Store-এ জমা দেওয়া এবং বিবেচনা করার সুবিধা শুধুমাত্র তখনই উপলভ্য হবে যদি আপনি Meta Quest Store ডেভেলপার হিসেবে অনুমোদিত হন। App Lab-এর মাধ্যমে PWA ডিস্ট্রিবিউট করার সুবিধা বর্তমানে উপলভ্য নেই। Meta টিম শীঘ্রই আরও তথ্য শেয়ার করবে যে আপনি কখন এবং কীভাবে App Lab-এ PWA জমা দিতে পারবেন।

Oculus Store-এ PWA আপলোড ও জমা দেওয়ার ব্যাপারে Oculus Developer Center-এর ডকুমেন্টে বিস্তারিতভাবে আলোচনা করা হয়েছে।

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 ভার্সন তৈরি করেছি। আপনি আমার Google Drive থেকে output.apk ফলাফল হিসেবে পাওয়া APK ফাইল ডাউনলোড করতে পারবেন। আপনি যদি প্যাকেজটি আরও তদন্ত করতে চান, তাহলে আমার কাছে একটি ডিকম্পাইল করা ভার্সনও আছে। বিল্ড সংক্রান্ত নির্দেশাবলী package.json-এ খুঁজুন।

Oculus-এ অ্যাপ ব্যবহার করলে ফাইল খোলা ও সেভ করার সুবিধা সহ সবকিছুই ঠিকঠাক কাজ করে। Oculus Browser-এ File System Access API কাজ করে না, তবে ফলব্যাক অ্যাপ্রোচ সাহায্য করে। শুধু পিঞ্চ-জুমিং ফিচারটি কাজ করেনি। আমি ভেবেছিলাম যে দুটি কন্ট্রোলারের ট্রিগার বোতাম প্রেস করে এবং তারপরে কন্ট্রোলারগুলিকে বিপরীত দিকে সরিয়ে এটি কাজ করবে। তাছাড়া, বাকি সবকিছুই পারফর্ম্যান্স ও রেসপন্সিভনেসের দিক থেকে ঠিক ছিল, যেমনটা আপনি এম্বেড করা স্ক্রিনকাস্টে দেখতে পাচ্ছেন।

ইমারসিভ 3D WebXR PWA

Oculus Quest-এ PWA সাপোর্ট ফ্ল্যাট 2D অ্যাপের মধ্যে সীমাবদ্ধ নয়। WebXR API ব্যবহার করে ডেভেলপাররা VR-এর জন্য ইমারসিভ 3D অভিজ্ঞতা তৈরি করতে পারেন।

VR-এর মধ্যে থেকে বিভিন্ন প্রম্পট (PWA ইনস্টল, অনুমতির অনুরোধ, বিজ্ঞপ্তি) কীভাবে ম্যানেজ করা হয় তা নিয়ে ভাবছেন?

ইমারসিভ ওয়েব ওয়ার্কিং গ্রুপ-এর WebXR টেস্ট থেকে ইউজার এজেন্ট প্রম্পট টেস্ট-এর স্ক্রিনকাস্ট এখানে দেওয়া হল।

আপনি দেখতে পাচ্ছেন যে VR মোডে প্রবেশ করার জন্য ব্যবহারকারীর অনুমতি প্রয়োজন। প্রতিটি উৎসের জন্য একবার করে অনুমতি চাওয়া হয়। অনুমতির অনুরোধ করলে ইমারসিভ মোড বন্ধ হয়ে যায়। বর্তমানে বিজ্ঞপ্তি কাজ করে না।

হ্যান্ড ট্র্যাকিং

WebXR Hand Input API এবং Meta-এর AI-ভিত্তিক হ্যান্ড-ট্র্যাকিং সিস্টেম-এর সাহায্যে আপনি ইমারসিভ মোডে PWA-এর সাথে ইন্টার‍্যাক্ট করতে আপনার হাত ব্যবহার করতে পারবেন।

ইমারসিভ ওয়েব ওয়ার্কিং গ্রুপের WebXR স্যাম্পেল থেকে হ্যান্ড ট্র্যাকিং স্যাম্পেল-এর স্ক্রিনকাস্ট এখানে দেওয়া হল।

অগমেন্টেড/মিক্সড রিয়ালিটি (পাসথ্রু)

Meta Connect 2022-এ ঘোষণা করা হয়েছে যে Meta Quest ব্রাউজার Meta Quest 2 ও Meta Quest Pro ডিভাইসে WebXR অগমেন্টেড রিয়েলিটি (AR), যা মিক্সড রিয়েলিটি (MR) নামেও পরিচিত, তার জন্য সহায়তা যোগ করেছে।

আসুন, একটু পরিবর্তিত A-Frame স্টার্টার উদাহরণ চেক করি, যেখানে অগমেন্টেড রিয়েলিটির জন্য মডেলের সাইজ ছোট করা হয়েছে এবং আকাশ ও প্লেন লুকানো হয়েছে।

A-Frame হল একটি ওপেন সোর্স ওয়েব ফ্রেমওয়ার্ক যা 3D/VR/AR অভিজ্ঞতা তৈরি করতে সাহায্য করে। এটি সম্পূর্ণভাবে ডিক্লেরেটিভ, আবার ব্যবহারযোগ্য কাস্টম HTML এলিমেন্ট দিয়ে তৈরি যা সহজে পড়া, বোঝা এবং কপি-পেস্ট করা যায়।

Meta Quest 2-এ এই ডেমোর স্ক্রিনকাস্ট এখানে দেওয়া হল।

Meta Quest 2-এ মনোক্রোম ক্যামেরা আছে, তাই পাসথ্রু গ্রে-স্কেলে হয়, তবে Meta Quest Pro-তে কালার ক্যামেরা আছে।

উপসংহার

Oculus Quest 2-এ PWA ব্যবহার করা খুবই মজাদার এবং এর থেকে অনেক কিছু আশা করা যায়। অন্তহীন ভার্চুয়াল ক্যানভাস যা ব্যবহারকারীদের বর্তমান টাস্কের জন্য সবচেয়ে উপযুক্ত স্ক্রিন স্কেল করতে দেয়, তার মধ্যে ভবিষ্যতে আমাদের কাজের ধরন পরিবর্তন করার অনেক সম্ভাবনা রয়েছে। VR-এ হ্যান্ড ট্র্যাকিংয়ের মাধ্যমে টাইপ করার সুবিধা এখনও প্রাথমিক পর্যায়ে রয়েছে এবং অন্তত আমার ক্ষেত্রে এখনও খুব নির্ভরযোগ্যভাবে কাজ করে না, তবে URL লেখা বা ছোট টেক্সট টাইপ করার জন্য এটি যথেষ্ট ভাল কাজ করে।

Oculus Quest 2-এ PWA-এর ব্যাপারে আমার সবচেয়ে ভালো লাগে যে এগুলি সাধারণ PWA-এর মতোই, যা কোনও প্ল্যাটফর্ম-নির্দিষ্ট API ছাড়াই ব্রাউজার ট্যাবে বা পাতলা APK র‍্যাপারের মাধ্যমে অপরিবর্তিতভাবে ব্যবহার করা যায়। একই কোড ব্যবহার করে একাধিক প্ল্যাটফর্মকে টার্গেট করা এখন আরও সহজ হয়ে গেছে। VR-এ PWA এবং ওয়েবে AR-এর জন্য। ভবিষ্যৎ উজ্জ্বল!

স্বীকৃতি

Flickr-এ Maximilian Prandstätter-এর তোলা Oculus Quest ২-এর ফটো। Oculus Store-এ Instagram, Facebook, Oculus Browser এবং Spike অ্যাপের ছবি এবং অ্যাপ খুঁজে নেওয়ার যোগ্যতা সংক্রান্ত ইলাস্ট্রেশন ও হ্যান্ড ট্র্যাকিং অ্যানিমেশন Meta-এর সৌজন্যে দেখানো হয়েছে। এই পোস্টটি Joe Medley পর্যালোচনা করেছেন।