מה'חדש ב-WebGPU (Chrome {8/}116)

François Beaufort
François Beaufort

שילוב של WebCodecs

‫WebGPU חושף API ליצירת אובייקטים אטומים של 'טקסטורה חיצונית' מ-HTMLVideoElement עד importExternalTexture(). אפשר להשתמש באובייקטים האלה כדי לדגום את פריים הווידאו בצורה יעילה, אולי בשיטה שבה לא מתבצעת העתקה, ישירות מנתוני מודל הצבע YUV של המקור.

עם זאת, במפרט הראשוני של WebGPU לא הייתה אפשרות ליצור אובייקטים מסוג GPUExternalTexture מאובייקטים מסוג WebCodecs VideoFrame. היכולת הזו חשובה לאפליקציות מתקדמות לעיבוד וידאו שכבר משתמשות ב-WebCodecs ורוצות לשלב את WebGPU בצינור העיבוד של הווידאו. שילוב WebCodecs מוסיף תמיכה בשימוש ב-VideoFrame כמקור לשיחות GPUExternalTexture ו-copyExternalImageToTexture(). אפשר לעיין בדוגמה הבאה וברשומת ה-chromestatus.

// 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);

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

כדאי לנסות את הדוגמה הניסיונית Video Uploading with WebCodecs.

המאפיין isFallbackAdapter של ‎GPUAdapter

אם השיטה requestDevice() ב-GPUAdapter נכשלת כי היא כבר שימשה ליצירת GPUDevice, היא מחזירה עכשיו GPUDevice שמסומן מיד כלא זמין, במקום להחזיר הבטחה שנדחית עם null. מידע נוסף

const adapter = await navigator.gpu.requestAdapter();
const device1 = await adapter.requestDevice();

// New! The promise is not rejected anymore with null.
const device2 = await adapter.requestDevice();
// And the device is immediately marked as lost.
const info = await device2.lost;

הפעלה חלקה של סרטונים אם יש קריאה ל-importExternalTexture()

כשקוראים לפונקציה importExternalTexture() עם HTMLVideoElement, ההגבלה על הפעלת הווידאו המשויך מוסרת כשהסרטון לא מוצג באזור התצוגה. מידע נוסף

תאימות למפרט

הארגומנט message בבונה GPUPipelineError() הוא אופציונלי. מידע נוסף

מופעלת שגיאה כשמפעילים את createShaderModule() אם המקור של WGSL‏ code מכיל את \0. מידע נוסף

רמת הפירוט המקסימלית שמוגדרת כברירת מחדל (lodMaxClamp) ומשמשת לדגימת טקסטורה באמצעות createSampler() היא 32. מידע נוסף

שיפור חוויית המפתחים

הודעה מוצגת בלוח Javascript של כלי הפיתוח כדי להזכיר למפתחים מתי הם משתמשים ב-WebGPU בפלטפורמה שלא נתמכת. פרטים נוספים זמינים בכתובת change chromium:4589369.

הודעות שגיאה של אימות מאגר נתונים זמני מוצגות באופן מיידי בלוח Javascript של כלי הפיתוח כשפעולת getMappedRange() נכשלת, בלי שהמפתחים נדרשים לשלוח פקודות לתור. ראו שינוי chromium:4597950.

צילום מסך של לוח Javascript בכלי הפיתוח עם הודעת שגיאה באימות המאגר.
הודעת שגיאה באימות המאגר במסוף JavaScript בכלי הפיתוח.

עדכונים של Dawn

המתג של ניפוי הבאגים disallow_unsafe_apis קיבל את השם allow_unsafe_apis והוגדר כהשבתה כברירת מחדל. המתג הזה משבית את שגיאות האימות בנקודות הכניסה של ה-API או בשילובים של פרמטרים שלא נחשבים עדיין לבטוחים. הוא יכול להיות שימושי לניפוי באגים. מידע נוסף

המאפיין wgpu::ShaderModuleWGSLDescriptor שהוצא משימוש source הוסר לטובת code. לצפייה בשינוי dawn:130321

השיטה החסרה wgpu::RenderBundle::SetLabel() יושמה. מידע נוסף

אפליקציות יכולות לבקש קצה עורפי מסוים כשהן מקבלות מתאם עם האפשרות wgpu::RequestAdapterOptionsBackendType. לדוגמה, issue dawn:1875.

wgpu::RequestAdapterOptionsBackendType backendTypeOptions = {};
backendTypeOptions.backendType = wgpu::BackendType::D3D12;

wgpu::RequestAdapterOptions options = {};
options.nextInChain = &backendTypeOptions;

// Request D3D12 adapter.
myInstance.RequestAdapter(&options, myCallback, myUserData);

נוספה שיטה חדשה SwapChain::GetCurrentTexture() עם שימושים נוספים לטקסטורות של swapchain, כך שאפשר להשתמש בערך המוחזר wgpu::Texture בעותקים. אפשר לעיין בדוגמה שבהמשך ובבעיה dawn:1551.

wgpu::SwapChain swapchain = myDevice.CreateSwapChain(mySurface, &myDesc);
swapchain.GetCurrentTexture();
swapchain.Present();

המידע הזה כולל רק נקודות עיקריות. רשימה מלאה של קומיטים

מה חדש ב-WebGPU

רשימה של כל הנושאים שמופיעים בסדרת המאמרים What's New in WebGPU.

‫Chrome 155-156

‫Chrome 153-154

‫Chrome 151-152

‫Chrome 149-150

‫Chrome 147-148

Chrome 146

Chrome 145

Chrome 144

Chrome 143

‫Chrome 142

Chrome 141

Chrome 140

Chrome 139

Chrome 138

Chrome 137

Chrome 136

Chrome 135

Chrome 134

Chrome 133

Chrome 132

Chrome 131

Chrome 130

Chrome 129

‫Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113