এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

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

François Beaufort

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

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

এবং আরও আছে।

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

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

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

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

ডিফল্টরূপে, এই ফিচারটি ক্রোমে সক্রিয় থাকে না, কিন্তু ক্রোম ১১৩-এ কার্যকারিতাটি স্পষ্টভাবে সক্রিয় করার মাধ্যমে এটি নিয়ে পরীক্ষা করা যেতে পারে। আপনি chrome://flags/#enable-webgpu-developer-features "WebGPU Developer Features" ফ্ল্যাগটি সক্রিয় করে এটিকে স্থানীয়ভাবে চালু করতে পারেন।

আপনার অ্যাপের সকল ভিজিটরের জন্য এটি চালু করতে, বর্তমানে একটি অরিজিন ট্রায়াল চলছে যা ক্রোম ১১৮ (৮ ডিসেম্বর, ২০২৩)-এ শেষ হবে। ট্রায়ালে অংশগ্রহণ করতে, সাইন আপ করুন এবং HTML অথবা HTTP হেডারে অরিজিন ট্রায়াল টোকেন সহ একটি মেটা এলিমেন্ট অন্তর্ভুক্ত করুন। আরও তথ্যের জন্য, " Get started with origin trials" পোস্টটি দেখুন।

নমুনা কোড

// 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 দিয়ে ভিডিও আপলোড করার পরীক্ষামূলক নমুনাটি দেখুন।