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

François Beaufort
François Beaufort
GitHub

कई सालों तक काम करने के बाद, Chrome की टीम ने यह एलान किया है कि WebGPU का पहला रिलीज़ वर्शन, अब ChromeOS, macOS, और Windows पर Chrome में डिफ़ॉल्ट रूप से उपलब्ध है. ज़्यादा जानने के लिए, ChromeShips WebGPU को देखें.

हमने MDN पर, WebGPU के लिए ज़्यादा जानकारी वाला दस्तावेज़ जोड़ना भी शुरू कर दिया है.

इसके अलावा, और भी सुविधाएं हैं.

importExternalTexture() में WebCodecs VideoFrame सोर्स का इस्तेमाल करना

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

हालांकि, WebGPU के शुरुआती स्पेसिफ़िकेशन में, WebCodecs VideoFrame ऑब्जेक्ट से GPUExternalTexture ऑब्जेक्ट बनाने की अनुमति नहीं है. यह सुविधा, वीडियो प्रोसेसिंग के बेहतर ऐप्लिकेशन के लिए ज़रूरी है. ये ऐप्लिकेशन पहले से ही WebCodecs का इस्तेमाल करते हैं और वे वीडियो प्रोसेसिंग पाइपलाइन में WebGPU को इंटिग्रेट करना चाहते हैं. फ़िलहाल, इस समस्या के बारे में gpuweb/gpuweb#1380 में चर्चा की जा रही है.

सुविधा चालू करें

डिफ़ॉल्ट रूप से, यह सुविधा Chrome में चालू नहीं होती. हालांकि, इस सुविधा को साफ़ तौर पर चालू करके, Chrome 113 में इसे आज़माया जा सकता है. इसे स्थानीय तौर पर चालू करने के लिए, chrome://flags/#enable-webgpu-developer-features पर जाकर "WebGPU डेवलपर सुविधाएं" फ़्लैग को चालू करें.

आपके ऐप्लिकेशन पर आने वाले सभी लोगों के लिए इसे चालू करने के लिए, फ़िलहाल ऑरिजिन ट्रायल चल रहा है. यह ट्रायल, Chrome 118 (8 दिसंबर, 2023) में खत्म हो जाएगा. मुफ़्त में आज़माने की सुविधा का इस्तेमाल करने के लिए, साइन अप करें. इसके बाद, एचटीएमएल या एचटीटीपी हेडर में, ऑरिजिन ट्रायल टोकन के साथ मेटा एलिमेंट शामिल करें. ज़्यादा जानकारी के लिए, ऑरिजिन ट्रायल का इस्तेमाल शुरू करना पोस्ट पढ़ें.

नमूना कोड

// 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 में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.

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