חדש ב-Chrome 94

Pete LePage

דברים שעליך לדעת:

  • מרחב הצבעים שמוגדר כברירת מחדל לרכיבי <canvas> מוגדר עכשיו באופן רשמי במפרט כ-SRGB, ואפשר לשנות אותו ל-Display P3.
  • WebCodecs הוא דרך חדשה וברמה נמוכה לגשת לרכיבי קודק אודיו ווידאו מובנים, שחשובה לסטרימינג של משחקים, עורכי וידאו וכו'.
  • גרסת המקור לניסיון של WebGPU תתחיל.
  • כנס PWA יתקיים ב-6-7 באוקטובר.
  • ויש הרבה עוד.

אני Pete LePage, אני עובד ומצלם מהבית, בואו נצלול פנימה ונראה מה חדש למפתחים ב-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 מאפשר להשתמש ברכיבי המדיה וברכיבי ה-Codec שכבר נמצאים בדפדפן.

באופן אישי, תמיד התקשיתי לזכור את המתגים הנכונים בשורת הפקודה כדי לקודד סרטון באינטרנט, או להמיר קובץ GIF לקובץ וידאו. באמצעות ממשקי ה-API שזמינים דרך WebCodecs, הצלחתי ליצור במהירות אפליקציית אינטרנט שקוראת קובץ ומייצאת את הקבצים הנכונים שנדרשים לאינטרנט.

הנתיב מלוח הציור או ImageBitmap לרשת או לאחסון
הנתיב מ-Canvas או ImageBitmap אל הרשת או אל האחסון

אפליקציות אינטרנט שמחייבות שליטה מלאה על אופן העיבוד של תוכן מדיה, כגון עורכי וידאו, שיחות ועידה בווידאו, אפליקציות סטרימינג וכו'. הגישה לדפדפנים המובְנים בפקדי מדיה היא עצומה.

קשה להראות כל דבר שימושי תוך שלושים שניות, לכן מומלץ לנסות את עיבוד וידאו באמצעות WebCodecs ב-web.dev כדי להתעמק באינטרנט עם הרבה קוד וכמה הדגמות מגניבות!

WebGPU

WebGPU הוא ממשק API חדש שחושף יכולות גרפיקה מודרניות, ובמיוחד Direct3D 12, Metal ו-Vulkan. אפשר לחשוב על זה כמו WebGL, אבל היא מספקת גישה לתכונות מתקדמות יותר של ה-GPU וגם מאפשרת לבצע חישובים כלליים ב-GPU.

תרשים ארכיטקטורה שמציג חיבור של WebGPUs בין ממשקי OS API לבין Direct3D 12 , Metal ו-Vulkan.
תרשים הארכיטקטורה של WebGPU

הוא מתחיל גרסת מקור לניסיון ב-Chrome 94, ו-Safari ו-Firefox עובדים כרגע על ההטמעה שלהן.

הדגמה של Babylon.js, הדמיה של ים סוחף באמצעות יכולת ההצללה (shader) של WebGPU.

לפרנסואה יש מאמר נהדר, בנושא גישה לתכונות ה-GPU המודרניות באמצעות WebGPU ב-web.dev, ומשווה בין הביצועים של הכפלת מטריצות במעבד (CPU) לעומת ה-GPU. הנה רמז. ה-GPU מנצח.

כנס PWA

כנס PWA יתקיים ב-6-7 באוקטובר. זוהי כנס אונליין חינמי שמטרתו לעזור לכולם להצליח עם Progressive Web Apps. כנס PWA הוא שיתוף פעולה בין מספר חברות שונות שמעורבות ביצירה של טכנולוגיות PWA: Google, Intel, Microsoft ו-Samsung.

יש המון שיחות ותכנים מעולים. אפשר לקרוא מידע נוסף ולהירשם בכתובת PWASummit.org. אני מקווה לראות אותך באירוע!

ופעולות נוספות.

כמובן שיש עוד המון אפשרויות.

השיטה scheduler.postTask() בעדיפות גבוהה מאפשרת לתזמן משימות ולשנות באופן דינמי את סדר העדיפויות שלהן או לבטל את כולן.

אם עבדתם פעם עם פריסה מחדש כשסרגלי הגלילה מופיעים, המאפיין scrollbar-gutter ישמח אתכם. היא מאפשרת לשלוט על הנוכחות של מרזבי סרגלי גלילה ולמנוע שינויים בפריסה כשמרחיבים את התוכן.

השימוש ב-WebSQL בהקשרים של צד שלישי הוצא משימוש, וההסרה צפויה להתבצע ב-Chrome 97. התקן של מסד הנתונים Web SQL ננטש בנובמבר 2010. היא מעולם לא הוטמעה ב-Firefox, וב-2019 יצאה משימוש ב-Safari. היא תצא משימוש ותוסר מ-Chrome כשהשימוש יהיה נמוך מספיק. אם אתם עדיין משתמשים ב-WebSQL, עכשיו זה זמן טוב להתחיל לתכנן את ההעברה ממנו.

ו-API למקלדת הווירטואלית מאפשר לכם לשלוט טוב יותר על האופן והמועד של הצגת המקלדת הווירטואלית שמופיעה במסך. היא מאפשרת לשלוט במפורש בכל התנהגות הגלילה, או בשינויים בפריסה כשהמקלדת מופיעה או נעלמת.

קריאה נוספת

המאמר הזה מתייחס רק לחלק מההדגשים העיקריים. בקישורים שבהמשך תוכלו למצוא שינויים נוספים ב-Chrome 94.

להרשמה

כדי להתעדכן, הירשמו לערוץ YouTube של מפתחי Chrome, ותקבלו הודעה באימייל בכל פעם שנשיק סרטון חדש.

שמי פיט לה פייג', וברגע שהגרסה של Chrome 95 תושק, אני אהיה כאן כדי לספר לכם מה חדש ב-Chrome!