WebGPU-তে নতুন কী আছে (Chrome 113)

ফ্রাঁসোয়া বিউফোর্ট
François Beaufort
GitHub

বছরের পর বছর বিকাশের পর, ক্রোম টিম ঘোষণা করে যে WebGPU-এর প্রথম প্রকাশ এখন ChromeOS, macOS এবং Windows-এ Chrome-এ ডিফল্টরূপে উপলব্ধ। আরও জানতে Chrome শিপ WebGPU দেখুন।

আমরা MDN-এ WebGPU-এর জন্য ব্যাপক ডকুমেন্টেশন যোগ করা শুরু করেছি।

এবং আরো আছে.

importExternalTexture() এ WebCodecs VideoFrame উৎস ব্যবহার করুন

WebGPU importExternalTexture() এর মাধ্যমে HTMLVideoElement থেকে অস্বচ্ছ "বহিরাগত টেক্সচার" বস্তু তৈরি করতে একটি API প্রকাশ করে। আপনি ভিডিও ফ্রেমগুলি দক্ষতার সাথে নমুনা করতে এই বস্তুগুলি ব্যবহার করতে পারেন, সম্ভাব্যভাবে সরাসরি YUV ডেটা থেকে 0-কপি উপায়ে৷

যাইহোক, প্রাথমিক WebGPU স্পেসিফিকেশন WebCodecs VideoFrame অবজেক্ট থেকে GPUExternalTexture অবজেক্ট তৈরি করার অনুমতি দেয় না। এই ক্ষমতা উন্নত ভিডিও প্রসেসিং অ্যাপগুলির জন্য গুরুত্বপূর্ণ যেগুলি ইতিমধ্যেই WebCodecs ব্যবহার করে এবং ভিডিও প্রক্রিয়াকরণ পাইপলাইনে WebGPU সংহত করতে চায়৷ আলোচনা বর্তমানে gpuweb/gpuweb#1380 সংখ্যায় ঘটছে.

বৈশিষ্ট্য সক্রিয় করুন

ডিফল্টরূপে, এই বৈশিষ্ট্যটি Chrome-এ সক্ষম করা নেই, তবে কার্যকারিতাটি স্পষ্টভাবে সক্ষম করে এটি Chrome 113-এ পরীক্ষা করা যেতে পারে। আপনি chrome://flags/#enable-webgpu-developer-features এ "WebGPU বিকাশকারী বৈশিষ্ট্য" পতাকা সক্রিয় করে স্থানীয়ভাবে এটি সক্রিয় করতে পারেন।

আপনার অ্যাপে সমস্ত দর্শকদের জন্য এটি সক্ষম করতে, একটি অরিজিন ট্রায়াল বর্তমানে চলছে এবং Chrome 118 (ডিসেম্বর 8, 2023) এ শেষ হবে। ট্রায়ালে অংশগ্রহণ করতে, সাইন আপ করুন এবং HTML বা HTTP হেডারে অরিজিন ট্রায়াল টোকেন সহ একটি মেটা উপাদান অন্তর্ভুক্ত করুন৷ আরও তথ্যের জন্য, মূল ট্রায়াল পোস্ট দিয়ে শুরু করুন দেখুন।

কোডের উদাহরণ

// Access the GPU device.
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

// Create VideoFrame from HTMLVideoElement.
const video = document.querySelector("video");
const videoFrame = new VideoFrame(video);

const texture = device.importExternalTexture({ source: videoFrame });
// TODO: Use texture in bind group creation.

এটির সাথে খেলতে WebCodecs পরীক্ষামূলক নমুনার সাথে ভিডিও আপলোডিং দেখুন।

WebGPU-তে নতুন কি আছে

ওয়েবজিপিইউ সিরিজে নতুন কী কভার করা হয়েছে তার একটি তালিকা।

ক্রোম 124

ক্রোম 123

ক্রোম 122

ক্রোম 121

ক্রোম 120

ক্রোম 119

ক্রোম 118

ক্রোম 117

ক্রোম 116

ক্রোম 115

ক্রোম 114

ক্রোম 113