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

François Beaufort
François Beaufort

دمج WebCodecs

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

ومع ذلك، لم تسمح مواصفات WebGPU الأولية بإنشاء عناصر GPUExternalTexture من عناصر WebCodecs VideoFrame. هذه الميزة مهمة لتطبيقات معالجة الفيديو المتقدّمة التي تستخدم WebCodecs حاليًا وتريد دمج WebGPU في مسار معالجة الفيديو. يضيف دمج WebCodecs إمكانية استخدام VideoFrame كمصدر لمكالمة GPUExternalTexture ومكالمة copyExternalImageToTexture(). اطّلِع على المثال التالي وإدخال chromestatus.

// 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);

// Create texture from VideoFrame.
const texture = device.importExternalTexture({ source: videoFrame });
// TODO: Use texture in bind group creation.

يمكنك الاطّلاع على النموذج التجريبي تحميل الفيديو باستخدام WebCodecs للاستفادة منه.

الجهاز المفقود الذي تم إرجاعه من خلال طلب الجهاز (requestDevice()) في GPUAdapter

إذا تعذّر استخدام طريقة requestDevice() في GPUAdapter لأنّه سبق أن تم استخدامها لإنشاء GPUDevice، يتم الآن تنفيذها باستخدام GPUDevice يتم وضع علامة عليه على الفور على أنّه فقد، بدلاً من عرض وعد يرفضه باستخدام null. راجِع المشكلة chromium:1234617.

const adapter = await navigator.gpu.requestAdapter();
const device1 = await adapter.requestDevice();

// New! The promise is not rejected anymore with null.
const device2 = await adapter.requestDevice();
// And the device is immediately marked as lost.
const info = await device2.lost;

الحفاظ على سلاسة تشغيل الفيديو في حال استدعاء importExternalTexture()

عند استدعاء importExternalTexture() باستخدام HTMLVideoElement، لا يتمّ بعد ذلك الحدّ من سرعة تشغيل الفيديو المرتبط عندما لا يكون مرئيًا في إطار العرض. يُرجى الاطّلاع على المشكلة chromium:1425252.

الامتثال للمواصفات

الوسيطة message في الدالة الإنشائية GPUPipelineError() اختيارية. راجِع تغيير chromium:4613967.

يتم طرح خطأ عند استدعاء createShaderModule() إذا كان مصدر WGSL‏ code يحتوي على \0. راجِع الإصدار dawn:1345.

الحد الأقصى التلقائي لمستوى التفاصيل (lodMaxClamp) المستخدَم عند أخذ عيّنة من نسيج باستخدام createSampler() هو 32. يُرجى الاطّلاع على تغيير chromium:4608063.

تحسين تجربة المطوّرين

يتم عرض رسالة في وحدة تحكّم JavaScript في DevTools لتذكير المطوّرين عند استخدام WebGPU على نظام أساسي غير متوافق. راجِع تغيير chromium:4589369.

تظهر رسائل أخطاء التحقّق من المخزن المؤقت على الفور في وحدة تحكّم JavaScript ضمن "أدوات مطوّري البرامج" عند تعذُّر تنفيذ getMappedRange() بدون إجبار المطوّرين على إرسال الأوامر إلى قائمة الانتظار. راجِع تغيير chromium:4597950.

لقطة شاشة لوحدة تحكّم JavaScript في "أدوات مطوّري البرامج" تعرض رسالة خطأ في عملية التحقّق من صحة المخزن المؤقت
رسالة خطأ في التحقّق من صحة المخزن المؤقت في وحدة تحكّم JavaScript في "أدوات مطوّري البرامج"

آخر الأخبار من Dawn

تم تغيير اسم زر تفعيل/إيقاف تصحيح الأخطاء disallow_unsafe_apis إلى allow_unsafe_apis وأصبح الإعداد التلقائي له هو "إيقاف". يؤدي تفعيل هذا الخيار إلى إخفاء أخطاء التحقّق من نقاط دخول واجهة برمجة التطبيقات أو مجموعات المَعلمات التي لا تُعدّ آمنة بعد. ويمكن أن يكون مفيدًا لتصحيح الأخطاء. راجِع الإصدار dawn:1685.

تمت إزالة سمة source التي تم إيقافها نهائيًا في wgpu::ShaderModuleWGSLDescriptor واستبدالها بالسمة code. راجِع change dawn:130321.

تم تنفيذ الطريقة wgpu::RenderBundle::SetLabel() غير المتوفّرة. راجِع change dawn:134502.

يمكن للتطبيقات طلب خلفية معيّنة عند الحصول على محوِّل يتضمّن خيار wgpu::RequestAdapterOptionsBackendType. يمكنك الاطّلاع على مثال أدناه وإصدار dawn:1875.

wgpu::RequestAdapterOptionsBackendType backendTypeOptions = {};
backendTypeOptions.backendType = wgpu::BackendType::D3D12;

wgpu::RequestAdapterOptions options = {};
options.nextInChain = &backendTypeOptions;

// Request D3D12 adapter.
myInstance.RequestAdapter(&options, myCallback, myUserData);

تمت إضافة طريقة SwapChain::GetCurrentTexture() جديدة مع استخدامات إضافية لقواميات سلسلة التبديل لكي يمكن استخدام القيمة المعروضة wgpu::Texture في النُسخ. يمكنك الاطّلاع على مثال أدناه وissue dawn:1551.

wgpu::SwapChain swapchain = myDevice.CreateSwapChain(mySurface, &myDesc);
swapchain.GetCurrentTexture();
swapchain.Present();

لا يتناول هذا التقرير سوى بعض أهم التفاصيل. اطّلِع على قائمة المساهمين الشاملة.

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

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

Chrome 131

Chrome 130

الإصدار 129 من Chrome

Chrome 128

Chrome 127

الإصدار 126 من Chrome

الإصدار 125 من Chrome

Chrome 124

Chrome 123

Chrome 122

الإصدار 121 من Chrome

الإصدار 120 من Chrome

الإصدار 119 من Chrome

Chrome 118

Chrome 117

Chrome 116

Chrome 115

الإصدار 114 من Chrome

Chrome 113