تمت ترجمة هذه الصفحة بواسطة 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 من عناصر WebCodecs VideoFrame. هذه الميزة مهمة لتطبيقات معالجة الفيديو المتقدّمة التي تستخدم WebCodecs حاليًا وتريد دمج WebGPU في مسار معالجة الفيديو. تجري حاليًا مناقشة حول المشكلة gpuweb/gpuweb#1380.

تفعيل الميزة

لا يتم تفعيل هذه الميزة تلقائيًا في Chrome، ولكن يمكن تجربتها في الإصدار 113 من Chrome من خلال تفعيل الوظيفة صراحةً. يمكنك تفعيلها على الجهاز من خلال تفعيل العلامة "WebGPU Developer Features" في 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 للاستفادة منه.