‫Google برای ترجمه محتوا به زبان ترجیحی شما از فناوری هوشواره استفاده می‌کند. ترجمه‌های هوشواره‌ای ممکن است اشتباه داشته باشند.

ویژگی‌های جدید WebGPU (Chrome 113)

François Beaufort

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

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

و موارد دیگر.

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

‫WebGPU یک API برای ایجاد اشیای «بافت خارجی» مات از HTMLVideoElement ازطریق importExternalTexture() ارائه می‌دهد. می‌توانید از این اشیا برای نمونه‌برداری کارآمد از قاب‌های ویدیو استفاده کنید، احتمالاً به‌صورت بدون کپی مستقیم از داده‌های منبع YUV.

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

فعال کردن ویژگی

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

برای فعال کردن آن برای همه بازدیدکنندگان برنامه، درحال‌حاضر آزمایش ویژگی‌های جدید درحال انجام است و قرار است در Chrome نسخه ۱۱۸ (۸ دسامبر ۲۰۲۳) به‌پایان برسد. برای شرکت در دوره آزمایشی، ثبت‌نام کنید و عنصر فراداده‌ای را با کد دوره آزمایشی مبدأ در 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 را بررسی کنید.