WebGPU (Chrome 116) में नया क्या है

François Beaufort
François Beaufort
GitHub

WebCodecs इंटिग्रेशन

WebGPU, HTMLVideoElement से importExternalTexture() तक ओपेक "बाहरी टेक्सचर" ऑब्जेक्ट बनाने के लिए, एक एपीआई उपलब्ध कराता है. इन ऑब्जेक्ट का इस्तेमाल करके, वीडियो फ़्रेम को आसानी से सैंपल किया जा सकता है. ऐसा हो सकता है कि सोर्स YUV कलर मॉडल डेटा से सीधे तौर पर, बिना कॉपी किए सैंपल किया जा सके.

हालांकि, WebGPU के शुरुआती स्पेसिफ़िकेशन में, WebCodecs VideoFrame ऑब्जेक्ट से GPUExternalTexture ऑब्जेक्ट बनाने की अनुमति नहीं थी. यह सुविधा, वीडियो प्रोसेसिंग के उन ऐप्लिकेशन के लिए ज़रूरी है जो पहले से ही WebCodecs का इस्तेमाल करते हैं. साथ ही, वीडियो प्रोसेसिंग पाइपलाइन में WebGPU को इंटिग्रेट करना चाहते हैं. WebCodecs इंटिग्रेशन की मदद से, GPUExternalTexture और copyExternalImageToTexture() कॉल के सोर्स के तौर पर VideoFrame का इस्तेमाल किया जा सकता है. यह उदाहरण और 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 की मदद से वीडियो अपलोड करने का एक्सपेरिमेंटल सैंपल देखें.

GPUAdapter के requestDevice() फ़ंक्शन से मिला खोया हुआ डिवाइस

अगर GPUAdapter पर requestDevice() तरीके का इस्तेमाल करके GPUDevice बनाया जा चुका है, तो यह तरीका काम नहीं करेगा. अब यह GPUDevice को तुरंत पूरा करेगा और उसे खोया हुआ के तौर पर मार्क करेगा. इसके बजाय, यह एक ऐसा प्रॉमिस देगा जिसे null के साथ अस्वीकार कर दिया गया है. issue 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 के साथ कॉल किया जाता है, तो वीडियो को व्यूपोर्ट में न दिखने पर भी, वीडियो चलाने की स्पीड कम नहीं होती. issue chromium:1425252 देखें.

खास जानकारी के मुताबिक होना

GPUPipelineError() कंस्ट्रक्टर में message आर्ग्युमेंट ज़रूरी नहीं है. change chromium:4613967 देखें.

अगर WGSL सोर्स code में \0 मौजूद है, तो createShaderModule() को कॉल करते समय गड़बड़ी होती है. समस्या dawn:1345 देखें.

createSampler() की मदद से किसी टेक्सचर का सैंपल लेते समय, डिफ़ॉल्ट रूप से ज़्यादा से ज़्यादा 32 लेवल ऑफ़ डिटेल (lodMaxClamp) का इस्तेमाल किया जाता है. change chromium:4608063 देखें.

डेवलपर के अनुभव को बेहतर बनाना

जब डेवलपर किसी ऐसे प्लैटफ़ॉर्म पर WebGPU का इस्तेमाल करते हैं जिस पर यह काम नहीं करता, तो उन्हें DevTools JavaScript कंसोल में एक मैसेज दिखता है. इस मैसेज में उन्हें इस बारे में याद दिलाया जाता है. change chromium:4589369 देखें.

getMappedRange() के काम न करने पर, बफ़र की पुष्टि करने से जुड़ी गड़बड़ी के मैसेज, DevTools JavaScript कंसोल में तुरंत दिखते हैं. इसके लिए, डेवलपर को कतार में कमांड भेजने की ज़रूरत नहीं होती. change chromium:4597950 देखें.

DevTools JavaScript कंसोल का स्क्रीनशॉट. इसमें बफ़र की पुष्टि करने से जुड़ी गड़बड़ी का मैसेज दिख रहा है.
DevTools JavaScript कंसोल में, बफ़र की पुष्टि करने से जुड़ी गड़बड़ी का मैसेज.

सुबह के अपडेट

disallow_unsafe_apis डीबग टॉगल का नाम बदलकर allow_unsafe_apis कर दिया गया है. साथ ही, इसे डिफ़ॉल्ट रूप से बंद कर दिया गया है. इस टॉगल से, एपीआई एंट्री पॉइंट या पैरामीटर के उन कॉम्बिनेशन की पुष्टि करने से जुड़ी गड़बड़ियों को छिपाया जाता है जिन्हें अब तक सुरक्षित नहीं माना गया है. यह डीबग करने के लिए मददगार हो सकता है. समस्या dawn:1685 देखें.

wgpu::ShaderModuleWGSLDescriptor अब काम नहीं करने वाले source एट्रिब्यूट को हटा दिया गया है. इसके बजाय, 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 को कॉपी में इस्तेमाल किया जा सके. नीचे दिया गया उदाहरण देखें और dawn:1551 समस्या को हल करें.

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

इसमें सिर्फ़ कुछ मुख्य हाइलाइट शामिल हैं. कमिट की पूरी सूची देखें.

WebGPU में नया क्या है

WebGPU में नया क्या है सीरीज़ में शामिल सभी विषयों की सूची.

Chrome 140

Chrome 139

Chrome 138

Chrome 137

Chrome 136

Chrome 135

Chrome 134

Chrome 133

Chrome 132

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 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