پس از سالها توسعه، تیم Chrome اعلام میکند که اولین نسخه WebGPU اکنون بهطور پیشفرض در Chrome در ChromeOS، macOS و Windows در دسترس است. برای کسب اطلاعات بیشتر، Chrome WebGPU را بررسی کنید.
ما همچنین شروع به اضافه کردن اسناد جامع برای WebGPU در MDN کرده ایم.
و موارد بیشتری وجود دارد.
استفاده از منبع WebCodecs VideoFrame
در importExternalTexture()
WebGPU یک API را برای ایجاد اشیاء "بافت خارجی" مات از HTMLVideoElement
از طریق importExternalTexture()
در معرض دید قرار می دهد. میتوانید از این اشیاء برای نمونهبرداری کارآمد از فریمهای ویدیویی، بهطور بالقوه به روش 0-کپی، مستقیماً از دادههای منبع YUV استفاده کنید.
با این حال، مشخصات اولیه WebGPU اجازه ایجاد اشیاء GPUExternalTexture
از اشیاء WebCodecs VideoFrame
را نمی دهد. این قابلیت برای برنامههای پردازش ویدیوی پیشرفته که قبلاً از WebCodec استفاده میکنند و میخواهند WebGPU را در خط لوله پردازش ویدیو ادغام کنند، مهم است. بحث در حال حاضر در شماره gpuweb/gpuweb#1380 در حال انجام است.
ویژگی را فعال کنید
بهطور پیشفرض، این ویژگی در Chrome فعال نیست، اما میتوان آن را در Chrome 113 با فعال کردن صریح عملکرد آزمایش کرد. میتوانید با فعال کردن پرچم «ویژگیهای توسعهدهنده WebGPU» در chrome://flags/#enable-webgpu-developer-features
آن را به صورت محلی فعال کنید.
برای فعال کردن آن برای همه بازدیدکنندگان برنامه شما، یک آزمایش اصلی در حال حاضر در حال انجام است و قرار است در Chrome 118 (8 دسامبر 2023) به پایان برسد. برای شرکت در آزمایشی، ثبت نام کنید و یک عنصر متا را با نشانه آزمایشی اصلی در هدر HTML یا HTTP قرار دهید. برای اطلاعات بیشتر، به پست شروع با آزمایشات اولیه مراجعه کنید.
کد نمونه
// 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 را برای بازی با آن بررسی کنید.
چه چیزی در WebGPU جدید است
فهرستی از همه چیزهایی که در سری What's New in WebGPU پوشش داده شده است.
کروم 130
- ترکیب منبع دوگانه
- بهبود زمان کامپایل شیدر در فلز
- منسوخ شدن GPUAdapter requestAdapterInfo()
- به روز رسانی سحر
کروم 129
کروم 128
- آزمایش با زیر گروه ها
- بایاس عمق تنظیم را برای خطوط و نقاط منسوخ کنید
- در صورت جلوگیری از Default، هشدار DevTools خطای ضبط نشده را مخفی کنید
- WGSL ابتدا نمونهگیری را درونیابی میکند و هر کدام را
- به روز رسانی سحر
کروم 127
- پشتیبانی آزمایشی از OpenGL ES در اندروید
- ویژگی اطلاعات GPUAdapter
- بهبودهای WebAssembly interop
- خطاهای رمزگذار فرمان بهبود یافته است
- به روز رسانی سحر
کروم 126
- حد maxTextureArrayLayers را افزایش دهید
- بهینه سازی بارگذاری بافر برای باطن Vulkan
- بهبود زمان کامپایل شیدر
- بافرهای فرمان ارسالی باید منحصر به فرد باشند
- به روز رسانی سحر
کروم 125
کروم 124
- بافت های ذخیره سازی فقط خواندنی و خواندنی و نوشتنی
- پشتیبانی کارگران خدماتی و کارگران مشترک
- ویژگی های اطلاعات آداپتور جدید
- رفع اشکال
- به روز رسانی سحر
کروم 123
- توابع داخلی DP4a در WGSL پشتیبانی می کند
- پارامترهای اشاره گر نامحدود در WGSL
- قند نحوی برای عدم ارجاع کامپوزیت ها در WGSL
- حالت فقط خواندنی را برای جنبه های استنسیل و عمق جدا کنید
- به روز رسانی سحر
کروم 122
- گسترش دسترسی با حالت سازگاری (ویژگی در حال توسعه)
- حد maxVertexAttributes را افزایش دهید
- به روز رسانی سحر
کروم 121
- پشتیبانی از WebGPU در اندروید
- برای کامپایل شیدر در ویندوز به جای FXC از DXC استفاده کنید
- پرس و جوهای مهر زمانی در گذرنامه های محاسبه و ارائه
- نقاط ورودی پیش فرض به ماژول های سایه زن
- پشتیبانی از display-p3 به عنوان فضای رنگی GPUExternalTexture
- اطلاعات انبوه حافظه
- به روز رسانی سحر
کروم 120
- پشتیبانی از مقادیر ممیز شناور 16 بیتی در WGSL
- محدودیت ها را فشار دهید
- تغییرات در حالت عمقی-استنسیل
- به روز رسانی اطلاعات آداپتور
- کوانتیزاسیون پرس و جوهای مهر زمانی
- ویژگی های تمیز کردن فنری
کروم 119
کروم 118
- پشتیبانی از HTMLImageElement و ImageData در
copyExternalImageToTexture()
- پشتیبانی آزمایشی از بافت ذخیرهسازی خواندنی-نوشتنی و فقط خواندنی
- به روز رسانی سحر
کروم 117
- بافر راس را تنظیم نکنید
- گروه bind را تنظیم نکنید
- هنگام گم شدن دستگاه، خطاهای ایجاد خط لوله ناهمگام را خاموش کنید
- به روز رسانی های ایجاد ماژول سایه زن SPIR-V
- بهبود تجربه توسعه دهندگان
- ذخیره سازی خطوط لوله با طرح تولید خودکار
- به روز رسانی سحر
کروم 116
- یکپارچه سازی WebCodecs
- دستگاه گمشده توسط GPUAdapter
requestDevice()
برگردانده شد - در صورت فراخوانی
importExternalTexture()
پخش ویدیو را روان نگه دارید - مطابقت با مشخصات
- بهبود تجربه توسعه دهندگان
- به روز رسانی سحر
کروم 115
- پشتیبانی از پسوندهای زبان WGSL
- پشتیبانی آزمایشی از Direct3D 11
- GPU گسسته را به طور پیشفرض با برق AC دریافت کنید
- بهبود تجربه توسعه دهنده
- به روز رسانی سحر
کروم 114
- بهینه سازی جاوا اسکریپت
- getCurrentTexture() روی بوم پیکربندی نشده خطای InvalidState را ایجاد می کند
- به روز رسانی WGSL
- به روز رسانی سحر