الميزات الجديدة في Chrome 94

Pete LePage

في ما يلي ما تحتاج إلى معرفته:

  • أما مساحة اللون التلقائية لعناصر <canvas>، فقد تم تحديدها رسميًا الآن في المواصفات على أنّها SRGB، ويمكنك تغييرها إلى Display P3.
  • WebCodecs هي طريقة جديدة منخفضة المستوى للوصول إلى برامج ترميز الصوت والفيديو المضمّنة، وهي مهمة لبث الألعاب ومحرّري الفيديوهات وما إلى ذلك.
  • بدء الفترة التجريبية لـ WebGPU
  • سيُعقد مؤتمر PWA في الفترة بين 6 و7 تشرين الأول (أكتوبر).
  • وهناك الكثير من الميزات الأخرى.

اسمي بيت ليبيه، وأعمل وأصور من المنزل. لنطّلِع على الميزات الجديدة للمطوّرين في Chrome 94.

مساحة اللون التلقائية لعناصر canvas

إنّ طريقة عرض الألوان على الشاشة أمر مهم لبعض المستخدمين. بالنسبة إلى المصورين ومصمّمي الرسوم المخصّصة للطباعة وغيرهم الكثير، يجب أن تتطابق الألوان على الشاشة مع الألوان المخصّصة للطباعة. بدءًا من الإصدار 94 من Chrome، يتمّ إدارة ألوان عناصر <canvas> بالكامل باستخدام sRGB. في السابق، كان sRGB اصطلاحًا، ولكن لم يتم تحديده بوضوح في المواصفات.

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

والأهم من ذلك، يمكنك الآن تحديد مساحة الألوان التي تريد استخدامها عند إنشاء جسم ثنائي الأبعاد لسياق التقديم <canvas> أو جسم ImageData، بما في ذلك مساحة الألوان P3.

WebCodecs

إنّ وضع فيديو على صفحة ما أمر سهل. ولكن إذا كنت بحاجة إلى تنفيذ مهمة أكثر تعقيدًا والتفاعل مع مكوّنات بث الفيديو، يكون ذلك صعبًا، ويتطلّب عادةً استخدام Web Assembly لإرسال برامج الترميز الخاصة بك.

ولكنّ إرسال برنامج ترميز خاص بك يعني كتابة رمز برمجي يتوفّر في المتصفّح، ولا يمكنه الاستفادة من ميزة "تسريع الأجهزة". تتيح واجهة برمجة التطبيقات Web Codecs API استخدام مكونات الوسائط وبرامج الترميز المتوفرة حاليًا في المتصفّح.

شخصيًا، كنت أجد صعوبة في تذكُّر مفاتيح سطر الأوامر الصحيحة لترميز فيديو للويب أو تحويل ملف GIF إلى ملف فيديو. باستخدام واجهات برمجة التطبيقات المتاحة عبر WebCodecs، يمكنني إنشاء تطبيق ويب بسرعة يقرأ ملفًا ويصدِّر الملفات الصحيحة اللازمة للويب.

المسار من Canvas أو ImageBitmap إلى الشبكة أو إلى مساحة التخزين
مسار من Canvas أو ImageBitmap إلى الشبكة أو مساحة التخزين

تطبيقات الويب التي تتطلّب تحكُّمًا كاملاً في الطريقة التي تتم بها معالجة محتوى الوسائط، مثل أدوات تحرير الفيديوهات واجتماعات الفيديو وتطبيقات البث وما إلى ذلك يمكنك الوصول إلى المتصفّحات المزوّدة بعناصر التحكّم في الوسائط بسهولة.

من الصعب عرض أي معلومات مفيدة في غضون ثلاثين ثانية، لذا اطّلِع على مقالة معالجة الفيديو باستخدام WebCodecs على web.dev للاطّلاع على تفاصيل مفصّلة باستخدام الكثير من الرموز البرمجية وبعض العروض التوضيحية الرائعة.

WebGPU

WebGPU هي واجهة برمجة تطبيقات جديدة تقدِّم إمكانات الرسومات الحديثة، وتحديدًا Direct3D 12 وMetal وVulkan. يمكنك اعتباره مثل WebGL، ولكنه يتيح الوصول إلى ميزات أكثر تقدّمًا لوحدة معالجة الرسومات، كما يوفّر دعمًا لتنفيذ عمليات حسابية عامة على وحدة معالجة الرسومات.

رسم بياني بنية يُظهر اتصال وحدات معالجة الرسومات في WebGPU بين واجهات برمجة تطبيقات نظام التشغيل وDirect3D 12 وMetal وVulkan
مخطّط WebGPU البياني للبنية

وسيتم إطلاق مرحلة تجربة وتقييم في الإصدار 94 من Chrome، ويعمل كلّ من Safari وFirefox حاليًا على تنفيذها.

عرض توضيحي لـ Babylon.js لموجات عاتية يتم محاكاتها باستخدام ميزة shader لوحدة معالجة الرسومات WebGPU

نشر "فرانسوا" مقالة رائعة بعنوان الوصول إلى ميزات وحدة معالجة الرسومات الحديثة باستخدام WebGPU على web.dev تتضمّن التفاصيل، وتقارن بين أداء عملية ضرب المصفوفات التي يتم تنفيذها على وحدة المعالجة المركزية مقارنةً بوحدة معالجة الرسومات. إليك تلميح. تفوز وحدة معالجة الرسومات.

PWA Summit

سيُعقد مؤتمر PWA في الفترة بين 6 و7 تشرين الأول (أكتوبر). وهو مؤتمر مجاني على الإنترنت يركز على مساعدة الجميع في تحقيق النجاح باستخدام "تطبيقات الويب التقدّمية". يتعاون مؤتمر PWA بين أشخاص من عدد من الشركات المختلفة المشاركة في إنشاء تقنيات تطبيقات الويب التقدّمية (PWA)، وهي: Google وIntel وMicrosoft وSamsung.

هناك الكثير من المحادثات والمحتوى الرائع. يمكنك الاطّلاع على مزيد من المعلومات والتسجيل على PWASummit.org. نتطلّع إلى لقائك.

وغير ذلك

بالطبع، هناك الكثير من الميزات الأخرى.

تتيح لك طريقة scheduler.postTask() ذات الأولوية تحديد المهام وجدولتها وتغيير أولوياتها ديناميكيًا أو إلغاء كل المهام معًا.

إذا واجهت مشكلة في إعادة التنسيق عند ظهور أشرطة التمرير، ستسرّك سمة scrollbar-gutter. ويمنحك التحكّم في عرض مساحة شريط التمرير، ما يسمح لك بمنع التغيُّرات في التنسيق عند توسيع المحتوى.

تم إيقاف استخدام WebSQL في سياقات تابعة لجهات خارجية نهائيًا، ومن المتوقّع أن تتم إزالته في الإصدار 97 من Chrome. تم إيقاف معيار قاعدة بيانات Web SQL نهائيًا في تشرين الثاني (نوفمبر) 2010. ولم يتم تنفيذه مطلقًا في Firefox، وتم إيقافه نهائيًا في Safari في عام 2019. وسيتم إيقافها نهائيًا وإزالتها من Chrome عندما يكون الاستخدام منخفضًا بدرجة كافية. إذا كنت لا تزال تستخدم WebSQL، ننصحك بالبدء في التخطيط لعملية نقل البيانات منه.

وتمنحك واجهة برمجة التطبيقات الخاصة بلوحة المفاتيح الافتراضية مزيدًا من التحكّم في كيفية عرض لوحة المفاتيح الافتراضية على الشاشة ووقت عرضها. فهي تتيح لك التحكم بشكل صريح في أي سلوك تمرير أو تغييرات في التخطيط عند ظهور لوحة المفاتيح أو اختفائها.

مراجع إضافية

لا يتناول هذا التقرير سوى بعض أهم التفاصيل. يمكنك الاطّلاع على الروابط أدناه للاطّلاع على التغييرات الإضافية في Chrome 94.

اشتراك

للاطّلاع على آخر الأخبار، يمكنك الاشتراك في قناة مطوّري Chrome على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عند نشر فيديو جديد.

اسمي "بيت ليبيه"، وسأكون هنا لإطلاعك على ميزات الإصدار 95 من Chrome فور طرحه.