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

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

François Beaufort

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

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

এবং আরও অনেক কিছু আছে।

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

WebGPU HTMLVideoElement থেকে importExternalTexture() এর মাধ্যমে অস্বচ্ছ "বহিরাগত টেক্সচার" অবজেক্ট তৈরি করার জন্য একটি 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.

এটি ব্যবহার করার জন্য ভিডিও আপলোডিং উইথ ওয়েবকোডেক্স পরীক্ষামূলক নমুনাটি দেখুন।