موارد جدید در WebGPU (Chrome 113)

فرانسوا بوفور
François Beaufort
GitHub

پس از سال‌ها توسعه، تیم Chrome اعلام می‌کند که اولین نسخه WebGPU اکنون به‌طور پیش‌فرض در Chrome در ChromeOS، macOS و Windows در دسترس است. برای کسب اطلاعات بیشتر، Chrome WebGPU را بررسی کنید.

ما همچنین شروع به اضافه کردن اسناد جامع برای WebGPU در MDN کرده ایم.

و موارد بیشتری وجود دارد.

استفاده از منبع WebCodecs VideoFrame در importExternalTexture()

WebGPU یک API را برای ایجاد اشیاء "بافت خارجی" مات از HTMLVideoElement از طریق importExternalTexture() در معرض دید قرار می دهد. می‌توانید از این اشیاء برای نمونه‌برداری کارآمد از فریم‌های ویدیویی، به‌طور بالقوه به روش 0-کپی، مستقیماً از داده‌های منبع YUV استفاده کنید.

با این حال، مشخصات اولیه WebGPU اجازه ایجاد اشیاء GPUExternalTexture از اشیاء WebCodecs VideoFrame را نمی دهد. این قابلیت برای برنامه‌های پردازش ویدیوی پیشرفته که قبلاً از WebCodec استفاده می‌کنند و می‌خواهند WebGPU را در خط لوله پردازش ویدیو ادغام کنند، مهم است. بحث در حال حاضر در شماره gpuweb/gpuweb#1380 در حال انجام است.

قابلیت را فعال کنید

به‌طور پیش‌فرض، این ویژگی در Chrome فعال نیست، اما می‌توان آن را در Chrome 113 با فعال کردن صریح عملکرد آزمایش کرد. می‌توانید با فعال کردن پرچم «ویژگی‌های توسعه‌دهنده WebGPU» در chrome://flags/#enable-webgpu-developer-features آن را به صورت محلی فعال کنید.

برای فعال کردن آن برای همه بازدیدکنندگان برنامه شما، یک آزمایش اصلی در حال حاضر در حال انجام است و قرار است در 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 جدید است

فهرستی از همه چیزهایی که در سری What's New in WebGPU پوشش داده شده است.

کروم 131

کروم 130

کروم 129

کروم 128

کروم 127

کروم 126

کروم 125

کروم 124

کروم 123

کروم 122

کروم 121

کروم 120

کروم 119

کروم 118

کروم 117

کروم 116

کروم 115

کروم 114

کروم 113