Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

มีอะไรใหม่ใน WebGPU (Chrome 113)

François Beaufort

หลังจากพัฒนามาหลายปี ทีม Chrome ประกาศว่าตอนนี้ WebGPU เวอร์ชันแรกพร้อมใช้งานใน Chrome บน ChromeOS, macOS และ Windows โดยค่าเริ่มต้นแล้ว ดูข้อมูลเพิ่มเติมได้ที่ Chrome เปิดตัว WebGPU

นอกจากนี้ เรายังเริ่มเพิ่มเอกสารประกอบที่ครอบคลุมสำหรับ WebGPU ใน MDN ด้วย

และยังมีอีก

ใช้แหล่งที่มาของ WebCodecs `VideoFrame` ใน `importExternalTexture()`

WebGPU แสดง API เพื่อสร้างออบเจ็กต์ "เท็กซ์เจอร์ภายนอก" แบบทึบแสงจาก HTMLVideoElement ถึง importExternalTexture() คุณใช้ออบเจ็กต์เหล่านี้เพื่อสุ่มตัวอย่างเฟรมวิดีโอได้อย่างมีประสิทธิภาพ ซึ่งอาจเป็นการสุ่มตัวอย่างแบบไม่มีการคัดลอกโดยตรงจากข้อมูล YUV ต้นทาง

อย่างไรก็ตาม ข้อกำหนด WebGPU เริ่มต้นไม่อนุญาตให้สร้างออบเจ็กต์ GPUExternalTexture จากออบเจ็กต์ VideoFrame ของ WebCodecs ความสามารถนี้มีความสำคัญต่อแอปประมวลผลวิดีโอขั้นสูงที่ใช้ WebCodecs อยู่แล้วและต้องการผสานรวม WebGPU ในไปป์ไลน์การประมวลผลวิดีโอ ขณะนี้มีการพูดคุยในปัญหา gpuweb/gpuweb#1380

เปิดใช้ฟีเจอร์

โดยค่าเริ่มต้น ฟีเจอร์นี้จะไม่ได้เปิดใช้ใน Chrome แต่คุณสามารถทดลองใช้ใน Chrome 113 ได้โดยการเปิดใช้ฟังก์ชันการทำงานอย่างชัดเจน คุณเปิดใช้งานได้ในเครื่องโดยเปิดใช้ฟีเจอร์สำหรับนักพัฒนาแอป WebGPU ที่chrome://flags/#enable-webgpu-developer-features

ขณะนี้เรากำลังดำเนินการช่วงทดลองใช้จากต้นทางเพื่อเปิดใช้ฟีเจอร์นี้สำหรับผู้เข้าชมแอปทั้งหมด โดยจะสิ้นสุดใน Chrome 118 (8 ธันวาคม 2023) หากต้องการเข้าร่วมช่วงทดลองใช้จากต้นทาง ให้ลงชื่อสมัครใช้และใส่องค์ประกอบเมตาที่มีโทเค็นช่วงทดลองใช้จากต้นทางใน HTML หรือส่วนหัว HTTP ดูข้อมูลเพิ่มเติมได้ที่โพสต์เริ่มต้นใช้งาน Origin Trials

โค้ดตัวอย่าง

// Access the GPU device.
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

// Create VideoFrame from HTMLVideoElement.
const video = document.querySelector("video");
const videoFrame = new VideoFrame(video);

const texture = device.importExternalTexture({ source: videoFrame });
// TODO: Use texture in bind group creation.

ลองใช้ตัวอย่างเวอร์ชันทดลองการอัปโหลดวิดีโอด้วย WebCodecs เพื่อทดสอบฟีเจอร์นี้