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

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

François Beaufort

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

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

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

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

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

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

تفعيل الميزة

لا يتم تفعيل هذه الميزة تلقائيًا في Chrome، ولكن يمكن تجربتها في Chrome 113 من خلال تفعيل الوظيفة بشكل صريح. ويمكنك تفعيلها محليًا من خلال تفعيل "ميزات مطوّري برامج WebGPU". flag في 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 لتشغيله.