ใหม่ใน Chrome 94

Pete LePage

สิ่งที่จำเป็นต้องทราบมีดังนี้

  • ตอนนี้พื้นที่สีเริ่มต้นสำหรับองค์ประกอบ <canvas> ได้รับการกําหนดอย่างเป็นทางการในข้อกําหนดเป็น SRGB แล้ว และคุณสามารถเปลี่ยนเป็น Display P3 ได้
  • WebCodecs เป็นวิธีใหม่ระดับล่างในการเข้าถึงตัวแปลงสัญญาณเสียงและวิดีโอในตัว ซึ่งสำคัญสำหรับการสตรีมเกม โปรแกรมตัดต่อวิดีโอ และอื่นๆ
  • WebGPU เริ่มการทดลองใช้เวอร์ชันที่ใช้งานจริง
  • PWA Summit จะจัดขึ้นในวันที่ 6-7 ตุลาคม
  • และยังมีอีกมากมาย

ผมชื่อ Pete LePage ทำงานและถ่ายทำจากที่บ้าน ไปดูกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 94

พื้นที่สีเริ่มต้นสำหรับองค์ประกอบ canvas

การแสดงสีบนหน้าจอมีความสำคัญอย่างยิ่งต่อผู้ใช้บางราย สำหรับช่างภาพ นักวาดภาพสำหรับสิ่งพิมพ์ และอื่นๆ อีกมากมาย สีบนหน้าจอต้องตรงกับสีที่พิมพ์ ตั้งแต่ Chrome 94 เป็นต้นไป องค์ประกอบ <canvas> จะได้รับการจัดการสีอย่างเต็มรูปแบบโดยใช้ sRGB ก่อนหน้านี้ sRGB เป็นรูปแบบมาตรฐาน แต่ไม่ได้ระบุไว้อย่างชัดเจนในข้อกำหนด

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

และที่สำคัญกว่านั้น ตอนนี้คุณระบุพื้นที่สีที่จะใช้เมื่อสร้าง<canvas>ออบเจ็กต์ 2 มิติของบริบทการแสดงผล หรือออบเจ็กต์ ImageData รวมถึงพื้นที่สี P3 ได้แล้ว

WebCodecs

การวางวิดีโอในหน้าเว็บนั้นง่ายมาก แต่หากต้องการทําอะไรที่ซับซ้อนขึ้นเล็กน้อยและโต้ตอบกับคอมโพเนนต์ของสตรีมวิดีโอ การดำเนินการนี้ทำได้ยาก และโดยทั่วไปแล้วคุณต้องใช้ Web Assembly เพื่อส่งตัวแปลงรหัสของคุณเอง

แต่การส่งโค้ดของคุณเองหมายความว่าต้องเขียนโค้ดที่เบราว์เซอร์มีอยู่แล้ว และโค้ดดังกล่าวจะใช้ประโยชน์จากการเร่งฮาร์ดแวร์ไม่ได้ Web Codecs API ช่วยให้สามารถใช้คอมโพเนนต์สื่อและตัวแปลงรหัสที่มีอยู่ในเบราว์เซอร์อยู่แล้ว

ส่วนตัวแล้ว เรามักจะจำสวิตช์บรรทัดคำสั่งที่ถูกต้องสำหรับการเข้ารหัสวิดีโอสำหรับเว็บหรือแปลง GIF เป็นไฟล์วิดีโอไม่ได้ เมื่อใช้ API ที่พร้อมใช้งานผ่าน WebCodecs ฉันสามารถสร้างเว็บแอปที่อ่านไฟล์และส่งออกไฟล์ที่ถูกต้องซึ่งจําเป็นสําหรับเว็บได้อย่างรวดเร็ว

เส้นทางจาก Canvas หรือ ImageBitmap ไปยังเครือข่ายหรือพื้นที่เก็บข้อมูล
เส้นทางจาก Canvas หรือ ImageBitmap ไปยังเครือข่ายหรือพื้นที่เก็บข้อมูล

เว็บแอปที่ต้องควบคุมวิธีประมวลผลเนื้อหาสื่ออย่างเต็มรูปแบบ เช่น โปรแกรมตัดต่อวิดีโอ การประชุมทางวิดีโอ แอปสตรีมมิง และอื่นๆ การเข้าถึงตัวควบคุมสื่อในตัวเบราว์เซอร์มีมากมาย

การนำเสนอข้อมูลที่เป็นประโยชน์ใน 30 วินาทีนั้นเป็นเรื่องยาก ดังนั้นโปรดดูการประมวลผลวิดีโอด้วย WebCodecs ใน web.dev เพื่อเจาะลึกเกี่ยวกับโค้ดจำนวนมากและการสาธิตเจ๋งๆ

WebGPU

WebGPU เป็น API ใหม่ที่แสดงความสามารถด้านกราฟิกสมัยใหม่ โดยเฉพาะ Direct3D 12, Metal และ Vulkan คุณอาจคิดว่ามันเหมือนกับ WebGL แต่ GPU จะให้สิทธิ์เข้าถึงฟีเจอร์ขั้นสูงของ GPU มากขึ้น รวมถึงรองรับการประมวลผลทั่วไปใน GPU ด้วย

แผนภาพสถาปัตยกรรมแสดงการเชื่อมต่อ WebGPU ระหว่าง API ของระบบปฏิบัติการกับ Direct3D 12, Metal และ Vulkan
แผนภาพสถาปัตยกรรม WebGPU

Google กำลังเริ่มช่วงทดลองใช้จากต้นทางใน Chrome 94 และทั้ง Safari และ Firefox กำลังดำเนินการติดตั้งใช้งาน

การสาธิต Babylon.js ของการจำลองทะเลที่โหมกระหน่ำโดยใช้ความสามารถของคอมพิวต shader ของ WebGPU

François มีบทความที่ยอดเยี่ยมเรื่องเข้าถึงฟีเจอร์ GPU สมัยใหม่ด้วย WebGPU ใน web.dev ซึ่งให้รายละเอียดและเปรียบเทียบประสิทธิภาพของการดำเนินการคูณเมทริกซ์ที่ทำงานบน CPU กับ GPU นี่เป็นคำแนะนำ GPU ชนะ

PWA Summit

PWA Summit จะจัดขึ้นในวันที่ 6-7 ตุลาคม ซึ่งเป็นการประชุมออนไลน์แบบไม่มีค่าใช้จ่ายที่มุ่งเน้นที่จะช่วยให้ทุกคนประสบความสำเร็จด้วย Progressive Web App PWA Summit เป็นการทำงานร่วมกันระหว่างผู้คนจากบริษัทต่างๆ ไม่กี่แห่งที่มีส่วนร่วมในการสร้างเทคโนโลยี PWA ได้แก่ Google, Intel, Microsoft และ Samsung

มีทอล์กและเนื้อหาที่ยอดเยี่ยมมากมาย ดูข้อมูลเพิ่มเติมและลงทะเบียนได้ที่ PWASummit.org หวังว่าจะได้พบคุณที่งาน

และอีกมากมาย

แน่นอนว่ายังมีอีกมากมาย

วิธี scheduler.postTask() แบบมีลําดับความสําคัญช่วยให้คุณกําหนดเวลางานและเปลี่ยนลําดับความสําคัญแบบไดนามิก หรือยกเลิกงานทั้งหมดได้

หากคุณเคยต้องต่อสู้กับการจัดเรียงใหม่เมื่อแถบเลื่อนปรากฏขึ้น พร็อพเพอร์ตี้ scrollbar-gutter จะทำให้คุณมีความสุข ซึ่งช่วยให้คุณควบคุมการแสดงขอบของแถบเลื่อนได้ เพื่อป้องกันไม่ให้เลย์เอาต์เปลี่ยนแปลงเมื่อเนื้อหาขยาย

เราเลิกใช้งาน WebSQL ในบริบทของบุคคลที่สามแล้ว และคาดว่าจะนําออกใน Chrome 97 มาตรฐานฐานข้อมูล Web SQL เลิกใช้งานแล้วในเดือนพฤศจิกายน 2010 ไม่เคยมีการใช้งานใน Firefox และเลิกใช้งานใน Safari ในปี 2019 เราจะเลิกใช้งานและนำฟีเจอร์นี้ออกจาก Chrome เมื่อการใช้งานลดลงมากพอ หากคุณยังใช้ WebSQL อยู่ ตอนนี้เป็นโอกาสที่ดีในการเริ่มวางแผนการย้ายข้อมูลออกจาก WebSQL

และ Virtual Keyboard API ช่วยให้คุณควบคุมวิธีและเวลาแสดงแป้นพิมพ์เสมือนบนหน้าจอได้มากขึ้น ซึ่งช่วยให้คุณควบคุมลักษณะการเลื่อนหรือการเปลี่ยนแปลงเลย์เอาต์ได้อย่างชัดเจนเมื่อแป้นพิมพ์ปรากฏขึ้นหรือหายไป

อ่านเพิ่มเติม

ข้อมูลนี้เป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 94 ได้ที่ลิงก์ด้านล่าง

สมัครใช้บริการ

หากต้องการติดตามข่าวสารล่าสุด โปรดติดตามช่อง YouTube ของนักพัฒนาซอฟต์แวร์ Chrome แล้วคุณจะได้รับอีเมลแจ้งเตือนทุกครั้งที่เราเปิดตัววิดีโอใหม่

ผมชื่อ Pete LePage และพร้อมที่จะมาแจ้งให้ทราบถึงสิ่งใหม่ๆ ใน Chrome ทันทีที่ Chrome 95 เปิดตัว