الميزات الجديدة في 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 لشحن برامج الترميز الخاصة بك.

لكن شحن برنامج الترميز الخاص بك يعني كتابة التعليمات البرمجية الموجودة في المتصفح بالفعل، ولا يمكنه الاستفادة من تسريع الأجهزة! تتيح واجهة برمجة تطبيقات ترميز الويب إمكانية استخدام مكونات الوسائط وبرامج الترميز الموجودة في المتصفح.

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

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

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

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

WebGPU

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

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

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

عرض توضيحي من Babylon.js لبحر وقائي تتم محاكته باستخدام ميزة تظليل الحوسبة في WebGPU.

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

قمة PWA

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

هناك الكثير من المحادثات والمحتوى الرائع. يمكنك معرفة المزيد من المعلومات والتسجيل في PWASummit.org. آمل أن أراك هناك!

ومقاييس أخرى

بالطبع هناك المزيد.

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

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

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

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

محتوى إضافي للقراءة

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

اشتراك

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

اسمي بيت ليبيج، وبمجرد طرح Chrome 95، سأكون هنا لإخبارك بالجديد في Chrome!