تستخدم Google تكنولوجيا الذكاء الاصطناعي لترجمة المحتوى إلى لغتك المفضّلة، وقد تتضمّن بعض الأخطاء.

الميزات الجديدة في 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، ولكن يمكن تجربتها في الإصدار 113 من Chrome من خلال تفعيلها بشكل صريح. يمكنك تفعيلها على جهازك من خلال تفعيل العلامة "ميزات مطوّري 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 التجريبية لتجربتها.