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

François Beaufort
François Beaufort
GitHub

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

हमने एमडीएन पर 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 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113