الميزات الجديدة في 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 Summit هو تعاون بين أشخاص من حفنة من الشركات المختلفة المشارِكة في إنشاء تكنولوجيات تطبيقات الويب التقدمية: 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، وستتلقّى إشعارًا عبر البريد الإلكتروني عند نشر فيديو جديد.

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