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

François Beaufort
François Beaufort
GitHub

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

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

इतना ही नहीं.

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

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

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

सुविधा चालू करना

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

इसे अपने ऐप्लिकेशन पर आने वाले सभी लोगों के लिए चालू करने के लिए, फ़िलहाल ऑरिजिन ट्रायल चल रहा है. यह ट्रायल, 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 147-148

Chrome 146

Chrome 145

Chrome 144

Chrome 143

Chrome 142

Chrome 141

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