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

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

François Beaufort

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

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

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

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

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

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