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

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

François Beaufort

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

لقد بدأنا أيضًا في إضافة وثائق شاملة لـ WebGPU على MDN.

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

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

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

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

تفعيل الميزة

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