Chrome 94 में नया

Pete LePage

यहां आवश्यक जानकारी दी गई है:

  • <canvas> एलिमेंट के लिए डिफ़ॉल्ट कलर स्पेस को अब औपचारिक तौर पर एसआरजीबी के तौर पर बताया जाता है. इसे Display P3 में बदला जा सकता है.
  • WebCodecs बिल्ट-इन ऑडियो और वीडियो कोडेक को ऐक्सेस करने का एक नया और कम लेवल वाला तरीका है. यह स्ट्रीमिंग गेम, वीडियो एडिटर वगैरह के लिए ज़रूरी है.
  • WebGPU अपना ऑरिजिन ट्रायल शुरू करता है.
  • PWA समिट 6 से 7 अक्टूबर तक होने वाला है.
  • और भी बहुत कुछ है.

मेरा नाम पीट लीपेज है, मैं घर से काम कर रहा/रही हूं और शूट कर रहा हूं. चलिए, देखते हैं कि Chrome 94 में डेवलपर के लिए नया क्या है.

canvas एलिमेंट के लिए डिफ़ॉल्ट कलर स्पेस

स्क्रीन पर रंग को रेंडर करने का तरीका, कुछ लोगों के लिए अहम होता है. फ़ोटोग्राफ़र, प्रिंट इलस्ट्रेटर वगैरह के लिए, स्क्रीन पर मौजूद रंग प्रिंट किए गए रंगों से मेल खाने चाहिए. Chrome 94 से, sRGB का इस्तेमाल करके, <canvas> एलिमेंट को कलर से पूरी तरह मैनेज किया जा सकता है. पहले, sRGB एक कन्वेंशन था, लेकिन खास जानकारी में इसे साफ़ तौर पर नहीं बताया गया था.

opts = {colorSpace:'display-p3'};
const ctx = canvas.getContext('2d', opts);

इससे भी अहम बात यह है कि अब यह तय किया जा सकता है कि <canvas> रेंडरिंग कॉन्टेक्स्ट 2d ऑब्जेक्ट बनाते समय किस कलर स्पेस का इस्तेमाल किया जाए या कोई ImageData ऑब्जेक्ट बनाते समय, जिसमें P3 कलर स्पेस भी शामिल हो.

WebCodecs

किसी पेज पर वीडियो डालना काफ़ी आसान है. हालांकि, अगर आपको कुछ थोड़ा और मुश्किल करना है और वीडियो स्ट्रीम के कॉम्पोनेंट से इंटरैक्ट करना है, तो यह मुश्किल है. आम तौर पर, आपको अपने कोडेक शिप करने के लिए वेब असेंबली का इस्तेमाल करना पड़ता है!

लेकिन अपने खुद के कोडेक को भेजने का मतलब है कि ब्राउज़र के पास पहले से मौजूद कोड लिखना और यह हार्डवेयर से तेज़ी लाने का फ़ायदा नहीं ले सकता! वेब कोडेक एपीआई की मदद से, ब्राउज़र में पहले से मौजूद मीडिया कॉम्पोनेंट और कोडेक का इस्तेमाल किया जा सकता है.

निजी तौर पर, मुझे हमेशा यह याद रखने में परेशानी हुई है कि वेब के लिए वीडियो को कोड में बदलने या GIF को वीडियो फ़ाइल में बदलने के लिए सही कमांड लाइन स्विच कौनसे हैं. WebCodecs के ज़रिए उपलब्ध एपीआई का इस्तेमाल करके, मैं तुरंत एक ऐसा वेब ऐप्लिकेशन बना सकता हूं जो फ़ाइल को पढ़ता हो और वेब के लिए ज़रूरी सही फ़ाइलों को एक्सपोर्ट करता हो.

कैनवस या ImageBitmap से नेटवर्क या स्टोरेज तक का पाथ
Canvas या ImageBitmap से नेटवर्क या स्टोरेज तक का पाथ

ऐसे वेब ऐप्लिकेशन जिन्हें मीडिया कॉन्टेंट प्रोसेस करने के तरीके पर पूरा कंट्रोल चाहिए. जैसे, वीडियो एडिटर, वीडियो कॉन्फ़्रेंसिंग, स्ट्रीमिंग ऐप्लिकेशन वगैरह. मीडिया कंट्रोल में पहले से मौजूद ब्राउज़र का ऐक्सेस बहुत ज़्यादा है.

तीस सेकंड में काम की कोई भी जानकारी दिखाना मुश्किल होता है. इसलिए, बहुत सारे कोड और कुछ बेहतरीन डेमो से जुड़ी ज़्यादा जानकारी पाने के लिए, web.dev पर WebCodecs की मदद से वीडियो प्रोसेस करने की सुविधा देखें!

WebGPU

WebGPU एक नया एपीआई है, जो आधुनिक ग्राफ़िक क्षमताओं, खास तौर पर Direct3D 12, मेटल, और Vulkan के बारे में बताता है. इसे WebGL की तरह देखा जा सकता है, लेकिन इससे जीपीयू की ज़्यादा बेहतर सुविधाओं का ऐक्सेस मिलता है. साथ ही, यह जीयूपी पर सामान्य कंप्यूटिंग करने में भी मदद करता है.

ओएस एपीआई और Direct3D 12, मेटल, और Vulkan के बीच WebGPUs का कनेक्शन दिखाने वाला आर्किटेक्चर डायग्राम.
WebGPU आर्किटेक्चर डायग्राम

हम Chrome 94 में ऑरिजिन ट्रायल शुरू कर रहे हैं. फ़िलहाल, Safari और Firefox दोनों ही इन्हें लागू करने पर काम कर रहे हैं.

ऊब गए समुद्र का एक Babylon.js डेमो, WebGPU की कंप्यूट शेडर क्षमता का इस्तेमाल करके सिम्युलेट किया गया है.

फ्रांकोइस के पास एक शानदार लेख है, उनकी जानकारी के साथ web.dev पर WebGPU के साथ आधुनिक जीपीयू सुविधाओं को ऐक्सेस करें. साथ ही, सीपीयू पर चल रहे मैट्रिक्स और जीपीयू पर चल रहे मैट्रिक्स गुणा की परफ़ॉर्मेंस की तुलना की गई है. यह रहा आपकी मदद. GPU जीतता है.

PWA समिट

PWA समिट 6 से 7 अक्टूबर तक होने वाला है. यह एक मुफ़्त ऑनलाइन कॉन्फ़्रेंस है, जिसका मकसद प्रोग्रेसिव वेब ऐप्लिकेशन की मदद से कामयाब होने में सभी की मदद करना है. PWA समिट कुछ अलग-अलग कंपनियों के लोगों के साथ मिलकर आयोजित किया जाता है, जो PWA टेक्नोलॉजी को तैयार करती हैं: Google, Intel, Microsoft, और Samsung.

इसमें बहुत सारी अहम बातें और कॉन्टेंट मौजूद हैं. ज़्यादा जानकारी के लिए, PWASummit.org पर जाकर रजिस्टर करें. उम्मीद है कि तुम वहां मिलेंगे!

और ज़्यादा!

बेशक, यहां बहुत कुछ है.

प्राथमिकता वाले scheduler.postTask() तरीके से, आपको टास्क शेड्यूल करने, ज़रूरत के हिसाब से उनकी प्राथमिकताएं बदलने या सभी को एक साथ रद्द करने की सुविधा मिलती है.

अगर आपको कभी स्क्रोल बार दिखने पर फिर से लेआउट इस्तेमाल करने की ज़रूरत हुई है, तो scrollbar-gutter प्रॉपर्टी से आपको खुशी मिलेगी. इससे स्क्रोलबार गटर की मौजूदगी को कंट्रोल किया जा सकता है. साथ ही, कॉन्टेंट के बढ़ने पर लेआउट में होने वाले बदलावों को रोका जा सकता है.

तीसरे पक्ष के कॉन्टेक्स्ट में WebSQL का अब इस्तेमाल नहीं किया जा सकता. अब इसे Chrome 97 से हटा दिया जाएगा. वेब एसक्यूएल डेटाबेस स्टैंडर्ड को नवंबर 2010 में छोड़ दिया गया था. इसे Firefox में कभी लागू नहीं किया गया था और 2019 में Safari में इसे बंद कर दिया गया था. ज़रूरत के मुताबिक इस्तेमाल कम होने पर, इसे बंद कर दिया जाएगा और Chrome से हटा दिया जाएगा. अगर अब भी WebSQL का इस्तेमाल किया जा रहा है, तो माइग्रेशन की प्रोसेस शुरू करने का यह सही समय है.

वर्चुअल कीबोर्ड एपीआई से, आपको इस बात पर ज़्यादा कंट्रोल मिलता है कि वर्चुअल ऑन-स्क्रीन कीबोर्ड कब और कैसे दिखाया जाए. इससे आपको कीबोर्ड के दिखने या गायब होने पर, स्क्रोल करने के व्यवहार या लेआउट में किए गए बदलावों को साफ़ तौर पर कंट्रोल करने की सुविधा मिलती है.

इसके बारे में और पढ़ें

इसमें सिर्फ़ कुछ खास बातों के बारे में बताया गया है. Chrome 94 में होने वाले दूसरे बदलावों के बारे में जानने के लिए, नीचे दिए गए लिंक देखें.

सदस्यता लें

अप-टू-डेट रहने के लिए, Chrome Developers के YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से सूचना मिलेगी.

मैं हूं पीट लेपेज और Chrome 95 के रिलीज़ होते ही मैं आपको बताऊंगी कि Chrome में नया क्या है!