ใหม่ใน Chrome 94

Pete LePage

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

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

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

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

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

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

ที่สำคัญไปกว่านั้น คุณสามารถระบุว่าจะใช้พื้นที่สีใดเมื่อสร้างออบเจ็กต์ 2d ตามบริบทการแสดงผล <canvas> หรือออบเจ็กต์ 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 อีกด้วย

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

โดยกําลังเริ่มช่วงทดลองใช้จากต้นทางใน Chrome 94 ซึ่งทั้ง Safari และ Firefox กําลังดําเนินการติดตั้งใช้งาน

การจำลอง Babylon.js ในทะเลขรุขระถูกจำลองโดยใช้ความสามารถ เงาในการประมวลผลของ WebGPU

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

การประชุมสุดยอด PWA

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

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

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

แน่นอน ยังมีคำถามอีกมากมาย

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

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

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

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

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

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

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

โปรดติดตามช่อง YouTube ของ Chrome Developers และรับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่

ฉันชื่อ Pete LePage และทันทีที่เปิดตัว Chrome 95 ฉันจะมาบอกว่า มีอะไรใหม่ใน Chrome!