Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

الميزات الجديدة في WebGPU (Chrome 113)

François Beaufort

بعد سنوات من التطوير، يُعلن فريق Chrome أنّ أول إصدار من WebGPU أصبح متاحًا تلقائيًا في Chrome على أنظمة التشغيل ChromeOS وmacOS وWindows. مزيد من المعلومات في Chrome ships WebGPU

بدأنا أيضًا إضافة مستندات شاملة حول WebGPU على MDN.

وهناك المزيد.

استخدام مصدر `VideoFrame` من WebCodecs في `importExternalTexture()`

تعرض WebGPU واجهة برمجة تطبيقات لإنشاء كائنات "زخرفة خارجية" مبهمة من HTMLVideoElement من خلال importExternalTexture(). يمكنك استخدام هذه الكائنات لأخذ عيّنات من إطارات الفيديو بكفاءة، ربما بدون نسخ البيانات مباشرةً من بيانات YUV المصدر.

ومع ذلك، لا يسمح مواصفات WebGPU الأولية بإنشاء كائنات GPUExternalTexture من كائنات WebCodecs VideoFrame. هذه الإمكانية مهمة لتطبيقات معالجة الفيديو المتقدّمة التي تستخدم WebCodecs حاليًا وتريد دمج 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.