جدید در کروم 94

پیت لی پیج

در اینجا چیزی است که شما باید بدانید:

  • فضای رنگی پیش‌فرض برای عناصر <canvas> اکنون به طور رسمی در مشخصات به عنوان SRGB تعریف شده است و می‌توانید آن را به Display P3 تغییر دهید.
  • WebCodecs یک راه جدید و سطح پایین برای دسترسی به کدک‌های صوتی و تصویری داخلی است که برای پخش بازی‌ها، ویرایشگرهای ویدیویی و مواردی از این دست مهم است.
  • WebGPU آزمایش اولیه خود را شروع می کند.
  • اجلاس سران PWA در 6 تا 7 اکتبر برگزار می شود.
  • و چیزهای بیشتری وجود دارد.

من Pete LePage هستم، کار می‌کنم و از خانه عکس‌برداری می‌کنم، بیایید شیرجه بزنیم و ببینیم چه چیزی برای توسعه‌دهندگان در Chrome 94 جدید است.

فضای رنگی پیش‌فرض برای عناصر canvas

نحوه نمایش رنگ روی صفحه برای برخی از کاربران بسیار مهم است. برای عکاسان، تصویرگران چاپ و بسیاری دیگر، رنگ‌های روی صفحه باید با آنچه چاپ شده مطابقت داشته باشند. از Chrome 94، عناصر <canvas> کاملاً رنگی با استفاده از sRGB <canvas> می‌شوند . قبلا، sRGB یک قرارداد بود، اما به صراحت در مشخصات تعریف نشده بود.

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

مهمتر از آن، اکنون می توانید مشخص کنید که از کدام فضای رنگی هنگام ایجاد یک شیء رندر متنی 2 بعدی <canvas> یا یک شی ImageData ، از جمله فضای رنگی P3 استفاده کنید.

وب کدک ها

قرار دادن ویدیو در صفحه به اندازه کافی آسان است. اما، اگر بخواهید کاری کمی پیچیده‌تر انجام دهید، و با اجزای یک جریان ویدیویی تعامل داشته باشید، کار سختی است و معمولاً باید از Web Assembly برای ارسال کدک‌های خود استفاده کنید!

اما ارسال کدک خود به معنای نوشتن کدی است که مرورگر از قبل دارد و نمی تواند از شتاب سخت افزاری استفاده کند! Web Codecs API استفاده از مؤلفه‌های رسانه و کدک‌هایی را که از قبل در مرورگر هستند، ممکن می‌سازد.

من شخصاً همیشه برای به خاطر سپردن سوئیچ های خط فرمان صحیح برای رمزگذاری یک ویدیو برای وب یا تبدیل یک GIF به یک فایل ویدیویی تلاش کرده ام. با استفاده از API های موجود از طریق WebCodecs، می توانم به سرعت یک برنامه وب بسازم که یک فایل را می خواند و فایل های صحیح مورد نیاز برای وب را صادر می کند.

مسیر از Canvas یا ImageBitmap به شبکه یا ذخیره سازی
مسیر از Canvas یا ImageBitmap به شبکه یا ذخیره سازی

برنامه‌های وب که نیاز به کنترل کامل بر نحوه پردازش محتوای رسانه دارند، مانند ویرایشگرهای ویدیو، کنفرانس ویدیویی، برنامه‌های پخش جریانی و غیره. دسترسی به مرورگرهای ساخته شده در کنترل های رسانه بسیار زیاد است.

نمایش هر چیزی مفید در سی ثانیه کار سختی است، بنابراین پردازش ویدیو با WebCodecs را در web.dev برای غواصی عمیق با تعداد زیادی کد و چند نسخه نمایشی جالب بررسی کنید!

WebGPU

WebGPU یک API جدید است که قابلیت‌های گرافیکی مدرن، به‌ویژه Direct3D 12، Metal و Vulkan را به نمایش می‌گذارد. می‌توانید آن را مانند WebGL در نظر بگیرید، اما دسترسی به ویژگی‌های پیشرفته‌تر GPU را فراهم می‌کند و همچنین از انجام محاسبات عمومی روی GPU پشتیبانی می‌کند.

نمودار معماری که اتصال WebGPUها را بین APIهای سیستم عامل و Direct3D 12، Metal و Vulkan نشان می دهد.
نمودار معماری WebGPU

این نسخه آزمایشی اولیه را در کروم 94 آغاز کرده است و سافاری و فایرفاکس در حال حاضر روی پیاده سازی خود کار می کنند.

نسخه ی نمایشی Babylon.js از دریای مواج که با استفاده از قابلیت سایه زن محاسباتی WebGPU شبیه سازی شده است.

فرانسوا مقاله ای عالی دارد، دسترسی به ویژگی های GPU مدرن با WebGPU در web.dev با جزئیات، و عملکرد ضرب ماتریس در حال اجرا بر روی CPU را در مقابل GPU مقایسه می کند. در اینجا یک اشاره است. GPU برنده می شود .

نشست PWA

اجلاس سران PWA در 6 تا 7 اکتبر برگزار می شود. این یک کنفرانس آنلاین رایگان است که بر کمک به موفقیت همه با برنامه‌های وب پیشرفته متمرکز است. اجلاس PWA یک همکاری بین افراد معدودی از شرکت‌های مختلف است که در ایجاد فناوری‌های PWA مشارکت دارند: گوگل، اینتل، مایکروسافت و سامسونگ.

انبوهی از گفتگوها و مطالب عالی وجود دارد. می توانید اطلاعات بیشتری کسب کنید و در PWASummit.org ثبت نام کنید. امیدوارم اونجا ببینمت!

و بیشتر!

البته چیزهای بیشتری وجود دارد.

روش اولویت‌بندی‌شده scheduler.postTask() به شما امکان می‌دهد تا وظایف را زمان‌بندی کنید، و به‌صورت پویا اولویت‌های آن‌ها را تغییر دهید، یا همه آنها را با هم لغو کنید.

اگر زمانی که نوارهای پیمایش ظاهر می‌شوند، با طرح‌بندی مجدد مبارزه کرده‌اید، ویژگی scrollbar-gutter شما را خوشحال می‌کند. این کنترل حضور ناودان های نوار پیمایش را فراهم می کند و به شما امکان می دهد از تغییرات طرح بندی با گسترش محتوا جلوگیری کنید.

استفاده از WebSQL در زمینه های شخص ثالث اکنون منسوخ شده است و انتظار می رود حذف در کروم 97 انجام شود. استاندارد پایگاه داده Web SQL در نوامبر 2010 کنار گذاشته شد. این استاندارد هرگز در فایرفاکس پیاده سازی نشد و در سال 2019 در سافاری منسوخ شد. منسوخ خواهد شد. و زمانی که استفاده به اندازه کافی کم باشد از Chrome حذف می شود. اگر هنوز از WebSQL استفاده می کنید، اکنون زمان خوبی برای شروع برنامه ریزی برای مهاجرت از آن است.

و API صفحه کلید مجازی به شما کنترل بیشتری بر نحوه و زمان نمایش صفحه کلید مجازی روی صفحه نمایش می دهد. این به شما امکان می دهد تا به صراحت هرگونه رفتار پیمایشی یا تغییر در چیدمان را هنگام ظاهر شدن یا ناپدید شدن صفحه کلید کنترل کنید.

در ادامه مطلب

این تنها برخی از نکات کلیدی را پوشش می دهد. برای تغییرات بیشتر در کروم 94 پیوندهای زیر را بررسی کنید.

مشترک شوید

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.

من Pete LePage هستم، و به محض انتشار کروم 95، من اینجا خواهم بود تا به شما بگویم چه چیزی در کروم جدید است!