تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

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

François Beaufort

بعد سنوات من التطوير، يعلن فريق Chrome أنّ الإصدار الأول من WebGPU متاح الآن تلقائيًا في Chrome على أجهزة ChromeOS وmacOS وWindows. يمكنك الاطّلاع على إصدار Chrome الذي يتضمّن WebGPU لمعرفة المزيد.

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

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

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

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

ومع ذلك، لا تسمح مواصفات WebGPU الأولية بإنشاء عناصر GPUExternalTexture من عناصر VideoFrame في WebCodecs. هذه الإمكانية مهمة لتطبيقات معالجة الفيديو المتقدّمة التي تستخدم WebCodecs حاليًا وتريد دمج WebGPU في مسار معالجة الفيديو. تجري حاليًا مناقشة في المشكلة gpuweb/gpuweb#1380.

تفعيل الميزة

بشكلٍ تلقائي، لا يتم تفعيل هذه الميزة في Chrome، ولكن يمكن تجربتها في Chrome 113 من خلال تفعيل الوظيفة بشكلٍ صريح. يمكنك تفعيلها على جهازك من خلال تفعيل العلامة "ميزات مطوّري WebGPU" في chrome://flags/#enable-webgpu-developer-features.

لتفعيلها لجميع زوّار تطبيقك، يتم حاليًا إجراء تجربة أصل من المقرر أن تنتهي في الإصدار 118 من Chrome (الموافق 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 التجريبية لتجربتها.