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

François Beaufort
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 لتشغيله.

الميزات الجديدة في WebGPU

قائمة بكل ما تم تناوله في سلسلة الميزات الجديدة في WebGPU.

الإصدار 127 من Chrome

الإصدار 126 من Chrome

الإصدار 125 من Chrome

الإصدار 124 من Chrome

الإصدار 123 من Chrome

الإصدار 122 من Chrome

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من Chrome

الإصدار 118 من Chrome

الإصدار 117 من Chrome

الإصدار 116 من Chrome

الإصدار 115 من Chrome

الإصدار 114 من Chrome

الإصدار 113 من Chrome