Oculus Quest 2-এ PWAs

ওকুলাস কোয়েস্ট 2 হল একটি ভার্চুয়াল রিয়েলিটি (ভিআর) হেডসেট যা মেটার একটি বিভাগ ওকুলাস দ্বারা তৈরি করা হয়েছে। বিকাশকারীরা এখন 2D এবং 3D প্রগ্রেসিভ ওয়েব অ্যাপস (PWA) তৈরি এবং বিতরণ করতে পারে যা Oculus Quest 2 এর মাল্টিটাস্কিং বৈশিষ্ট্যের সুবিধা নেয়।

আলেক্সি রডিওনভ
টমাস স্টেইনার

ওকুলাস কোয়েস্ট 2

ওকুলাস কোয়েস্ট 2 হল একটি ভার্চুয়াল রিয়েলিটি (ভিআর) হেডসেট যা মেটার একটি বিভাগ ওকুলাস দ্বারা তৈরি করা হয়েছে। এটি কোম্পানির আগের হেডসেট, ওকুলাস কোয়েস্টের উত্তরসূরি। ডিভাইসটি একটি অভ্যন্তরীণ, অ্যান্ড্রয়েড-ভিত্তিক অপারেটিং সিস্টেম সহ একটি স্বতন্ত্র হেডসেট এবং ইউএসবি বা ওয়াই-ফাই এর মাধ্যমে সংযুক্ত থাকাকালীন ডেস্কটপ কম্পিউটারে চলমান ওকুলাস-সামঞ্জস্যপূর্ণ VR সফ্টওয়্যার উভয় হিসাবেই চলতে সক্ষম। এটি 6 গিগাবাইট র‍্যাম সহ একটি চিপে কোয়ালকম স্ন্যাপড্রাগন XR2 সিস্টেম ব্যবহার করে। কোয়েস্ট 2 এর ডিসপ্লে হল একটি একক ফাস্ট-সুইচ এলসিডি প্যানেল যার প্রতি চোখের রেজোলিউশনে 1,832 × 1,920 পিক্সেল রয়েছে যা 120 Hz পর্যন্ত রিফ্রেশ হারে চলে।

কন্ট্রোলার সহ ওকুলাস কোয়েস্ট 2 ডিভাইস।

ওকুলাস ব্রাউজার

বর্তমানে ওকুলাস কোয়েস্ট 2-এর জন্য তিনটি ব্রাউজার উপলব্ধ রয়েছে: উলভিক , ফায়ারফক্স রিয়ালিটির উত্তরসূরী এবং বিল্ট-ইন ওকুলাস ব্রাউজার । এই নিবন্ধটি পরবর্তীতে ফোকাস করে। ওকুলাস ওয়েবসাইটটি নিম্নরূপ ওকুলাস ব্রাউজার চালু করে ।

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

ওকুলাস ব্রাউজার এবং ওকুলাস স্টোরে PWAs

28শে অক্টোবর, 2021-এ, জ্যাকব রসি , মেটা (ওকুলাস) এর প্রোডাক্ট ম্যানেজমেন্ট লিড শেয়ার করেছেন যে PWA গুলি Oculus Quest এবং Oculus Quest 2-এ আসছে । নীচে, আমি Oculus-এ PWA অভিজ্ঞতা বর্ণনা করি এবং ব্যাখ্যা করি যে কীভাবে নির্মাণ, সাইডলোড, এবং Oculus Quest 2 এ আপনার PWA পরীক্ষা করুন।

রাজ্য ভাগাভাগি

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

PWA জানালার মাপ

ইনস্টল করা পিডব্লিউএ-এর ব্রাউজার উইন্ডো এবং উইন্ডোগুলি ব্যবহারকারী দ্বারা অবাধে আকার পরিবর্তন করা যেতে পারে। উচ্চতা 625 পিক্সেল থেকে 1,200 পিক্সেলের মধ্যে পরিবর্তিত হতে পারে। প্রস্থ 400 পিক্সেল থেকে 2,000 পিক্সেলের মধ্যে সেট করা যেতে পারে। ডিফল্ট মাত্রা হল 1,000 × 625 পিক্সেল৷

PWAs সঙ্গে মিথস্ক্রিয়া

পিডব্লিউএগুলি ওকুলাস বাম এবং ডান কন্ট্রোলার, ব্লুটুথ মাউস এবং কীবোর্ড এবং হ্যান্ড ট্র্যাকিংয়ের মাধ্যমে নিয়ন্ত্রণ করা যেতে পারে। স্ক্রোলিং ওকুলাস কন্ট্রোলারে থাম্ব স্টিকের মাধ্যমে বা থাম্ব ও তর্জনীকে চিমটি করে এবং পছন্দসই দিকে নিয়ে কাজ করে। কিছু নির্বাচন করতে, ব্যবহারকারী পয়েন্ট এবং চিমটি করতে পারেন।

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

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

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

ওকুলাস ব্রাউজারে অনুমতি।

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

ডেভেলপার মোড সক্রিয় করার পর, Oculus Quest 2-এ PWAs ডিবাগ করা রিমোট ডিবাগ অ্যান্ড্রয়েড ডিভাইসে যেমন বর্ণনা করা হয়েছে ঠিক তেমনই কাজ করে।

  1. ওকুলাস ডিভাইসে, ওকুলাস ব্রাউজারে পছন্দসই সাইটে ব্রাউজ করুন।
  2. আপনার কম্পিউটারে Google Chrome চালু করুন এবং chrome://inspect/#devices এ নেভিগেট করুন।
  3. প্রশ্নে থাকা ওকুলাস ডিভাইসটি খুঁজুন, যা ডিভাইসে বর্তমানে খোলা ওকুলাস ব্রাউজার ট্যাবের একটি সেট দ্বারা অনুসরণ করা হবে।
  4. পছন্দসই ওকুলাস ব্রাউজার ট্যাবে পরিদর্শনে ক্লিক করুন।

Chrome DevTools সহ Oculus Quest 2 এ চলমান একটি অ্যাপ পরিদর্শন করা হচ্ছে।

অ্যাপ আবিষ্কার

লোকেরা PWAs আবিষ্কার করতে ব্রাউজার নিজেই বা ওকুলাস স্টোর ব্যবহার করতে পারে। অন্য যেকোনো ব্রাউজারের মতোই, ইনস্টল করা PWAs ওকুলাস ব্রাউজারে একটি ট্যাবে চলমান ওয়েবসাইট হিসাবে কাজ করে। যখন একজন ব্যবহারকারী একটি সাইট পরিদর্শন করেন, তখন ওকুলাস ব্রাউজার তাদের অ্যাপটি আবিষ্কার করতে সাহায্য করবে যদি এটি (এবং শুধুমাত্র যদি) ওকুলাস স্টোরে পাওয়া যায়। যে ব্যবহারকারীরা ইতিমধ্যেই অ্যাপটি ইনস্টল করেছেন তাদের জন্য, ওকুলাস ব্রাউজার তাদের ইচ্ছা করলে সহজেই অ্যাপটিতে স্যুইচ করতে সহায়তা করবে।

ওকুলাস ব্রাউজার ব্যবহারকারীকে MyEmail অ্যাপ ইনস্টল করার প্রম্পটে আমন্ত্রণ জানাচ্ছে।

ওকুলাস কোয়েস্ট 2-এ অনুকরণীয় PWA

মেটা দ্বারা PWAs

একাধিক মেটা বিভাগ ওকুলাস কোয়েস্ট 2-এর জন্য PWA তৈরি করেছে, উদাহরণস্বরূপ Instagram এবং Facebook । এই PWA গুলি স্বতন্ত্র অ্যাপ উইন্ডোতে চালিত হয় যেগুলির একটি URL বার নেই এবং এটি অবাধে আকার পরিবর্তন করা যেতে পারে।

Facebook Oculus Quest 2 অ্যাপ।

Instagram Oculus Quest 2 অ্যাপ

অন্যান্য ডেভেলপারদের দ্বারা PWA

এই লেখার সময়, ওকুলাস স্টোরে ওকুলাস কোয়েস্ট 2-এর জন্য একটি ছোট কিন্তু ক্রমবর্ধমান সংখ্যক পিডব্লিউএ রয়েছে। স্পাইক ব্যবহারকারীদের স্পাইক অ্যাপে একটি ভার্চুয়াল এনভায়রনমেন্ট হাবে তাদের ইনবক্স থেকে ইমেল, চ্যাট, কল, নোট, কাজ এবং করণীয়গুলির মতো সমস্ত প্রয়োজনীয় কাজের সরঞ্জামগুলির অভিজ্ঞতা নিতে দেয়৷

স্পাইক ওকুলাস কোয়েস্ট 2 অ্যাপ।

আরেকটি উদাহরণ হল Smartsheet , একটি গতিশীল কর্মক্ষেত্র যা প্রকল্প পরিচালনা, স্বয়ংক্রিয় কর্মপ্রবাহ এবং নতুন সমাধানের দ্রুত নির্মাণ প্রদান করে।

স্ল্যাক, ড্রপবক্স বা ক্যানভা-এর মতো আরও পিডব্লিউএ আসছে, যেমনটি জ্যাকব রসিকে সমন্বিত একটি ভিডিওতে টিজ করা হয়েছে যা 2021 সালে Facebook-এর কানেক্ট কনফারেন্সের পরিপ্রেক্ষিতে প্রকাশিত হয়েছিল।

Oculus এর জন্য PWAs তৈরি করা

মেটা তাদের ডকুমেন্টেশনে প্রয়োজনীয় পদক্ষেপের রূপরেখা দিয়েছে। সাধারণভাবে, Chrome-এ ইনস্টলযোগ্য PWA গুলি প্রায়ই Oculus-এর বাক্সের বাইরে কাজ করা উচিত।

ওয়েব অ্যাপ ম্যানিফেস্টের প্রয়োজনীয়তা

Chrome-এর ইনস্টল করার মানদণ্ড এবং ওয়েব অ্যাপ ম্যানিফেস্ট স্পেকের তুলনায় কিছু গুরুত্বপূর্ণ পার্থক্য রয়েছে। উদাহরণ স্বরূপ, ওকুলাস এই মুহূর্তে শুধুমাত্র বাম-থেকে-ডান ভাষা সমর্থন করে, যেখানে ওয়েব অ্যাপ ম্যানিফেস্ট স্পেক এই ধরনের কোনো সীমাবদ্ধতা প্রয়োগ করে না। আরেকটি উদাহরণ হল start_url , যেটি একটি অ্যাপ ইনস্টল করার জন্য Chrome এর কঠোরভাবে প্রয়োজন, কিন্তু Oculus-এ যা ঐচ্ছিক। Oculus একটি কমান্ড লাইন টুল অফার করে যা ডেভেলপারদের Oculus Quest 2-এর জন্য PWAs তৈরি করতে দেয়, যা তাদের ওয়েব অ্যাপ ম্যানিফেস্টে অনুপস্থিত (বা বিদ্যমানকে ওভাররাইড) প্যারামিটার পাস করতে দেয়।

নাম বর্ণনা
name (প্রয়োজনীয়) PWA এর নাম। বর্তমানে Oculus নামের জন্য শুধুমাত্র বাম-থেকে-ডান ভাষা সমর্থন করে।
display (প্রয়োজনীয়) হয় "standalone" বা "minimal-ui" । Oculus বর্তমানে অন্য কোনো মান সমর্থন করে না।
short_name (প্রয়োজনীয়) অ্যাপ নামের একটি সংক্ষিপ্ত সংস্করণ, যদি প্রয়োজন হয়।
scope (ঐচ্ছিক) URL বা পাথগুলিকে অ্যাপের অংশ হিসাবে বিবেচনা করা উচিত৷
start_url (ঐচ্ছিক) অ্যাপ লঞ্চের সময় দেখানোর URL।

ওকুলাসের বেশ কয়েকটি ঐচ্ছিক মালিকানা ওয়েব অ্যাপ ম্যানিফেস্ট ক্ষেত্র রয়েছে যা PWA অভিজ্ঞতা কাস্টমাইজ করতে ব্যবহার করা যেতে পারে।

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

Bubblewrap CLI সহ PWAs প্যাকেজিং

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

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

এটি সার্বজনীন APK ফাইল তৈরি করতে পারে যা নিয়মিত অ্যান্ড্রয়েড ডিভাইসে একটি TWA এবং মেটা কোয়েস্ট ডিভাইসে মেটা কোয়েস্ট ব্রাউজার খোলে।

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

npm i -g @bubblewrap/cli

প্রথমবার বাবল র‍্যাপ চালানোর সময়, এটি প্রয়োজনীয় বাহ্যিক নির্ভরতাগুলি স্বয়ংক্রিয়ভাবে ডাউনলোড এবং ইনস্টল করার প্রস্তাব দেবে—জাভা ডেভেলপমেন্ট কিট (JDK) এবং Android SDK বিল্ড টুল।

একটি মেটা কোয়েস্ট সামঞ্জস্যপূর্ণ অ্যান্ড্রয়েড প্রজেক্ট তৈরি করতে যা আপনার পিডব্লিউএ মোড়ক করে, --metaquest পতাকা সহ init কমান্ডটি চালান এবং উইজার্ড অনুসরণ করুন:

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

একবার প্রকল্পটি তৈরি হয়ে গেলে, এটি তৈরি করুন এবং সই করুন:

bubblewrap build

এটি app-release-signed.apk নামে একটি ফাইল আউটপুট করবে। এই ফাইলটি ডিভাইসে ইনস্টল করা যেতে পারে বা মেটা কোয়েস্ট স্টোর, গুগল প্লে স্টোর বা অন্য যেকোনো অ্যান্ড্রয়েড অ্যাপ ডিস্ট্রিবিউশন প্ল্যাটফর্মে প্রকাশ করা যেতে পারে।

ওকুলাস প্ল্যাটফর্ম ইউটিলিটি সহ PWAs প্যাকেজিং

ওকুলাস প্ল্যাটফর্ম ইউটিলিটি হল অফিসিয়াল কমান্ড লাইন টুল যা মেটা দ্বারা অকুলাস রিফ্ট এবং মেটা কোয়েস্ট ডিভাইসের জন্য অ্যাপ প্রকাশ করার জন্য তৈরি করা হয়েছে।

এটি create-pwa কমান্ডের সাহায্যে মেটা কোয়েস্ট ডিভাইসের জন্য PWA-কে প্যাকেজ করার এবং মেটা কোয়েস্ট স্টোর এবং অ্যাপ ল্যাবে প্রকাশ করার অনুমতি দেয়।

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

--web-manifest-url প্যারামিটারের মাধ্যমে ওয়েব অ্যাপ ম্যানিফেস্টের লাইভ URL-এ টুলটিকে নির্দেশ করুন।

যদি আপনার লাইভ PWA-তে কোনো ম্যানিফেস্ট না থাকে বা লাইভ ম্যানিফেস্ট ওভাররাইড করতে চান, তাহলেও আপনি স্থানীয় ম্যানিফেস্ট ফাইল এবং --manifest-content-file প্যারামিটার ব্যবহার করে আপনার PWA-এর জন্য একটি APK তৈরি করতে পারেন।

ম্যানিফেস্টটিকে যথাসম্ভব শুদ্ধ রাখতে, ম্যানিফেস্টে মালিকানা ovr_package_name ক্ষেত্র যোগ করার পরিবর্তে বিপরীত ডোমেন নামের স্বরলিপিতে একটি মান সহ --package-name প্যারামিটার ব্যবহার করুন (উদাহরণস্বরূপ, com.company.app.pwa )।

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

PWABuilder সহ PWAs প্যাকেজিং

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

PWABuilder হল Microsoft দ্বারা তৈরি একটি ওপেন সোর্স প্রজেক্ট, যা ডেভেলপারদের Microsoft Store, Google Play Store, App Store, এবং Meta Quest Store সহ বিভিন্ন স্টোরে প্রকাশের জন্য তাদের PWAs প্যাকেজ করতে এবং স্বাক্ষর করতে দেয়।

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

PWABuilder ডেভেলপারদের মেটা কোয়েস্ট ডিভাইসের জন্য PWAs প্যাকেজ করার জন্য হুডের নিচে কোন টুল ব্যবহার করতে হবে তার পছন্দ দেয়।

ওকুলাস প্ল্যাটফর্ম ইউটিলিটি ব্যবহার করতে আপনি মেটা কোয়েস্ট বিকল্পটি বেছে নিতে পারেন।

PWABuilder প্যাকেজিং বিকল্প।

আপনি Bubblewrap ব্যবহার করতে অ্যান্ড্রয়েড বিকল্পটি বেছে নিতে পারেন এবং মেটা কোয়েস্ট সামঞ্জস্যপূর্ণ চেকবক্স নির্বাচন করতে পারেন।

Bubblewrap ব্যবহার করে PWABuilder এর সাথে PWAs প্যাকেজ করা।

ADB এর সাথে PWAs ইনস্টল করা

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

adb install app-release-signed.apk

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

bubblewrap install

সাইডলোড করা অ্যাপগুলি অ্যাপ ড্রয়ারের একটি অজানা উত্স বিভাগে প্রদর্শিত হয়।

অ্যাপ জমা

ওকুলাস স্টোরে পিডব্লিউএ আপলোড করা এবং জমা দেওয়া ওকুলাস ডেভেলপার সেন্টার ডক্সে বিস্তারিতভাবে কভার করা আছে।

ওকুলাস স্টোরে অ্যাপ জমা দেওয়ার পাশাপাশি, ডেভেলপাররা তাদের অ্যাপগুলিকে SideQuest-এর মতো প্ল্যাটফর্মের মাধ্যমে সরাসরি গ্রাহকদের কাছে নিরাপদে এবং নিরাপদে বিতরণ করতে পারে, স্টোরের অনুমোদনের প্রয়োজন ছাড়াই। এটি তাদের শেষ ব্যবহারকারীদের কাছে সরাসরি একটি অ্যাপ পেতে অনুমতি দেয়, এমনকি এটি বিকাশের প্রাথমিক পর্যায়ে, পরীক্ষামূলক বা অনন্য দর্শকদের লক্ষ্য করে।

মাল্টি-ট্যাব অ্যাপ পরীক্ষা করা হচ্ছে

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

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

ইমারসিভ 3D WebXR PWAs

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

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

এখানে ইমারসিভ ওয়েব ওয়ার্কিং গ্রুপের ওয়েবএক্সআর টেস্টগুলি থেকে ব্যবহারকারী এজেন্ট প্রম্পট পরীক্ষার একটি স্ক্রিনকাস্ট রয়েছে৷

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

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

ওয়েবএক্সআর হ্যান্ড ইনপুট এপিআই এবং মেটার এআই-ভিত্তিক হ্যান্ড-ট্র্যাকিং সিস্টেমকে ধন্যবাদ ইমারসিভ মোডে PWA-এর সাথে ইন্টারঅ্যাক্ট করতে আপনি আপনার হাত ব্যবহার করতে পারেন।

এখানে ইমারসিভ ওয়েব ওয়ার্কিং গ্রুপের ওয়েবএক্সআর নমুনা থেকে হ্যান্ড ট্র্যাকিং নমুনার একটি স্ক্রিনকাস্ট রয়েছে৷

অগমেন্টেড/মিশ্র বাস্তবতা (পাসথ্রু)

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

বর্ধিত বাস্তবতার জন্য স্কেল-ডাউন মডেল এবং লুকানো আকাশ এবং সমতল সহ একটি সামান্য পরিবর্তিত A-ফ্রেম স্টার্টার উদাহরণ পরীক্ষা করা যাক।

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

এখানে মেটা কোয়েস্ট 2-এ এই ডেমোটির একটি স্ক্রিনকাস্ট রয়েছে৷

মেটা কোয়েস্ট 2-এ একরঙা ক্যামেরা রয়েছে, তাই পাসথ্রু গ্রেস্কেলে রয়েছে, মেটা কোয়েস্ট প্রো-তে রঙিন ক্যামেরা রয়েছে।

উপসংহার

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

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

স্বীকৃতি

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