Chrome 94 में नया

Pete LePage

यहां आपके जानने योग्य तथ्य दिए गए हैं:

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

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

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

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

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

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

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

WebGPU

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

आर्किटेक्चर डायग्राम, जिसमें OS API और Direct3D 12, Metal, और Vulkan के बीच WebGPUs कनेक्शन दिखाया गया है.
WebGPU आर्किटेक्चर का डायग्राम

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

Babylon.js का डेमो, जिसमें WebGPU के कंप्यूट शेडर की सुविधा का इस्तेमाल करके, उथल-पुथल समुद्र को सिम्युलेट किया जा रहा है.

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

PWA समिट

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

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

और भी कई सुविधाएं!

इसके अलावा, और भी बहुत कुछ है.

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

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

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

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

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

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

सदस्यता लें

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

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