Tính năng mới trong WebGPU (Chromet)

François Beaufort

Tích hợp WebCodecs

WebGPU cung cấp một API để tạo các đối tượng "kết cấu bên ngoài" mờ từ HTMLVideoElement thông qua importExternalTexture(). Bạn có thể dùng các đối tượng này để lấy mẫu khung hình video một cách hiệu quả, có thể theo cách không sao chép trực tiếp từ dữ liệu mô hình màu YUV nguồn.

Tuy nhiên, quy cách WebGPU ban đầu không cho phép tạo các đối tượng GPUExternalTexture từ các đối tượng VideoFrame của WebCodecs. Tính năng này rất quan trọng đối với các ứng dụng xử lý video nâng cao đã sử dụng WebCodecs và muốn tích hợp WebGPU vào quy trình xử lý video. Việc tích hợp WebCodecs giúp hỗ trợ sử dụng VideoFrame làm nguồn cho lệnh gọi GPUExternalTexture và copyExternalImageToTexture(). Vui lòng xem ví dụ sau và mục nhập 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.

Hãy xem mẫu thử nghiệm Tải video lên bằng WebCodecs để dùng thử.

Thiết bị bị mất do GPUAdapter requestDevice() trả về

Nếu phương thức requestDevice() trên GPUAdapter không thành công vì đã được dùng để tạo GPUDevice, thì phương thức này sẽ hoàn tất bằng GPUDevice được đánh dấu ngay là đã mất, thay vì trả về một lời hứa từ chối bằng null. Xem vấn đề chromium:1234617.

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;

Giữ cho quá trình phát video mượt mà nếu importExternalTexture() được gọi

Khi importExternalTexture() được gọi bằng HTMLVideoElement, hoạt động phát video liên kết sẽ không bị hạn chế nữa khi video không xuất hiện trong khung nhìn. Xem vấn đề chromium:1425252.

Tuân thủ quy cách

Đối số message trong hàm khởi tạo GPUPipelineError() là không bắt buộc. Xem thay đổi chromium:4613967.

Một lỗi sẽ được kích hoạt khi gọi createShaderModule() nếu nguồn WGSL code chứa \0. Xem vấn đề dawn:1345.

Mức độ chi tiết tối đa mặc định (lodMaxClamp) được dùng khi lấy mẫu một kết cấu bằng createSampler() là 32. Xem thay đổi chromium:4608063.

Cải thiện trải nghiệm của nhà phát triển

Một thông báo sẽ xuất hiện trong bảng điều khiển JavaScript của Công cụ cho nhà phát triển để nhắc nhở nhà phát triển khi họ đang sử dụng WebGPU trên một nền tảng không được hỗ trợ. Xem thay đổi chromium:4589369.

Thông báo lỗi xác thực vùng đệm sẽ xuất hiện ngay lập tức trong bảng điều khiển JavaScript của Công cụ cho nhà phát triển khi getMappedRange() không thành công mà không buộc nhà phát triển gửi lệnh đến hàng đợi. Xem thay đổi chromium:4597950.

Ảnh chụp màn hình bảng điều khiển JavaScript của Công cụ cho nhà phát triển có thông báo lỗi xác thực vùng đệm. — Thông báo lỗi xác thực vùng đệm trong bảng điều khiển JavaScript của Công cụ cho nhà phát triển.

Thông tin cập nhật về Dawn

Nút bật/tắt gỡ lỗi disallow_unsafe_apis đã được đổi tên thành allow_unsafe_apis và được đặt mặc định là tắt. Nút bật/tắt này sẽ ngăn chặn các lỗi xác thực trên các điểm truy cập API hoặc các tổ hợp tham số chưa được coi là an toàn. Nút này rất hữu ích để gỡ lỗi. Xem vấn đề dawn:1685.

Thuộc tính source không còn được dùng nữa của wgpu::ShaderModuleWGSLDescriptor sẽ bị xoá và thay thế bằng code. Xem thay đổi dawn:130321.

Phương thức wgpu::RenderBundle::SetLabel() bị thiếu đã được triển khai. Xem thay đổi dawn:134502.

Các ứng dụng có thể yêu cầu một chương trình phụ trợ cụ thể khi nhận được một bộ chuyển đổi bằng lựa chọn wgpu::RequestAdapterOptionsBackendType. Hãy xem ví dụ bên dưới và vấn đề dawn:1875.

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

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

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

Một phương thức SwapChain::GetCurrentTexture() mới đã được thêm vào với các cách sử dụng bổ sung cho các kết cấu chuỗi trao đổi để có thể dùng wgpu::Texture trả về trong các bản sao. Xem ví dụ bên dưới và vấn đề dawn:1551.

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

Nội dung này chỉ đề cập đến một số điểm nổi bật chính. Hãy xem danh sách đầy đủ các cam kết.