بعد سنوات من التطوير، أعلن فريق 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 لتشغيله.
الميزات الجديدة في WebGPU
قائمة بكل ما تمت مناقشته في سلسلة الميزات الجديدة في WebGPU.
الإصدار 125 من Chrome
الإصدار 124 من Chrome
- زخارف مساحة التخزين للقراءة فقط والقراءة
- دعم العاملين في مجال الخدمات والعاملين المشتركين
- السمات الجديدة لمعلومات المحوّل
- إصلاح الأخطاء
- إشعارات الفجر
الإصدار 123 من Chrome
- دعم دوال DP4a المضمنة في WGSL
- معلَمات غير محدودة للمؤشر في WGSL
- صيغة سكر لإزالة الإشارة إلى المركّبات في WGSL
- حالة منفصلة للقراءة فقط حول جوانب الاستنسل والعمق
- إشعارات الفجر
الإصدار 122 من Chrome
- توسيع مدى الوصول إلى الجمهور باستخدام وضع التوافق (ميزة قيد التطوير)
- زيادة حدّ maxVertexAttributes
- إشعارات الفجر
الإصدار 121 من Chrome
- إتاحة WebGPU على Android
- استخدام DXC بدلاً من FXC لتجميع أدوات التظليل على Windows
- طلبات البحث عن الطابع الزمني في بطاقات الحوسبة والعرض
- نقاط الإدخال التلقائية لوحدات أداة التظليل
- إتاحة view-p3 كمساحة لون GPUExternalTexture
- معلومات حول حِزم الذاكرة
- إشعارات الفجر
الإصدار 120 من Chrome
- دعم قيم النقطة العائمة 16 بت في WGSL
- إطلاق العنان لقدراتك
- تغييرات في حالة الاستنسل المعمَّق
- إشعارات حول المحوّل
- تحديد كم طلبات الطابع الزمني
- ميزات تنظيف الربيع
الإصدار 119 من متصفِّح Chrome
الإصدار 118 من متصفّح Chrome
- إتاحة استخدام HTMLImageElement وImageData في
copyExternalImageToTexture()
- الدعم التجريبي لزخرفة مساحة التخزين للقراءة فقط والقراءة فقط
- إشعارات الفجر
الإصدار 117 من Chrome
- عدم ضبط المخزن المؤقت للرأس
- إلغاء ضبط مجموعة الربط
- كتم صوت الأخطاء الناتجة عن إنشاء مسار غير متزامن عند فقدان الجهاز
- تعديلات على عملية إنشاء وحدة أداة تظليل SPIR-V
- تحسين تجربة المطوّرين
- تخزين مسارات التخزين المؤقت باستخدام تنسيق يتم إنشاؤه تلقائيًا
- إشعارات الفجر
الإصدار 116 من متصفّح Chrome
- دمج WebCodecs
- الجهاز المفقود الذي أعاده GPUAdapter
requestDevice()
- مواصلة تشغيل الفيديو بسلاسة في حال تسمية "
importExternalTexture()
" - مطابقة المواصفات
- تحسين تجربة المطوّرين
- إشعارات الفجر
الإصدار 115 من متصفّح Chrome
- إضافات لغات WGSL المتوافقة
- الدعم التجريبي للإصدار 11 من تقنية Direct3D
- استخدام وحدة معالجة الرسومات المنفصلة تلقائيًا باستخدام طاقة التيار المتردد
- تحسين تجربة المطوّرين
- إشعارات الفجر
الإصدار 114 من متصفّح Chrome
- تحسين JavaScript
- getCurrentTexture() على لوحة رسم لم يتم ضبطها تطرح ReplyStateError
- إشعارات من WGSL
- إشعارات الفجر