Tích hợp WebCodecs
WebGPU hiển thị một API để tạo các đối tượng "hoạ tiết bên ngoài" mờ từ HTMLVideoElement
thông qua importExternalTexture()
. Bạn có thể sử dụng các đối tượng này để lấy mẫu khung video một cách hiệu quả, có thể theo cách 0 bản sao ngay từ dữ liệu mô hình màu YUV nguồn.
Tuy nhiên, thông số kỹ thuật ban đầu của WebGPU không cho phép tạo đối tượng GPUExternalTexture
từ các đối tượng WebCodecs VideoFrame
. Khả 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 WebCodec và muốn tích hợp WebGPU vào quy trình xử lý video. Việc tích hợp WebCodecs bổ sung hỗ trợ việc sử dụng VideoFrame
làm nguồn cho lệnh gọi GPUExternalTexture
và lệnh gọi copyExternalImageToTexture()
. Hãy xem ví dụ sau đây và mục 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 để thử nghiệm mẫu đó.
Thiết bị thất lạc được GPUAdapter requestDevice() trả về
Nếu phương thức requestDevice()
trên GPUAdapter
không thành công do đã được dùng để tạo GPUDevice
, thì giờ đây, phương thức này sẽ thực hiện với GPUDevice
được đánh dấu ngay là bị mất, thay vì trả về một lời hứa sẽ từ chối bằng null
. Xem phần 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 còn bị điều tiết nữa khi video không hiển thị trong khung nhìn. Xem phần vấn đề crôm:1425252.
Tuân thủ thông số kỹ thuật
Bạn không bắt buộc phải sử dụng đối số message
trong hàm khởi tạo GPUPipelineError()
. Xem phần thay đổi chromium:4613967.
Lỗi sẽ được kích hoạt khi gọi createShaderModule()
nếu nguồn WGSL code
chứa \0
. Hãy xem mục Vấn đề bình minh:1345.
Mức chi tiết tối đa mặc định (lodMaxClamp
) được dùng khi lấy mẫu hoạ tiết bằng createSampler()
là 32. Xem nội dung 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ẽ hiện trong bảng điều khiển JavaScript cho Công cụ cho nhà phát triển để nhắc 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 phần thay đổi chromium:4589369.
Thông báo lỗi xác thực vùng đệm hiển thị 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 phải gửi lệnh vào hàng đợi. Xem nội dung thay đổi chromium:4597950.
Thông tin cập nhật vào Bình minh
Nút bật/tắt gỡ lỗi disallow_unsafe_apis
được đổi tên thành allow_unsafe_apis
và đặt mặc định là tắt. Nút bật/tắt này 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. Thao tác này có thể hữu ích cho việc gỡ lỗi.
Xem Vấn đề bình minh:1685.
Thuộc tính source
không dùng nữa wgpu::ShaderModuleWGSLDescriptor
sẽ bị xoá và thay bằng code
. Xem phần thay đổi bình minh:130321.
Đã triển khai phương thức wgpu::RenderBundle::SetLabel()
bị thiếu. Xem phần thay đổi bình minh:134502.
Các ứng dụng có thể yêu cầu một phần phụ trợ cụ thể khi tải bộ chuyển đổi có tuỳ chọn wgpu::RequestAdapterOptionsBackendType
. Hãy xem ví dụ dưới đây và vấn đề bình minh: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 kết cấu chuỗi hoán đổi để có thể sử dụng wgpu::Texture
trả về trong các bản sao. Hãy xem ví dụ dưới đây và vấn đề bình minh:1551.
wgpu::SwapChain swapchain = myDevice.CreateSwapChain(mySurface, &myDesc);
swapchain.GetCurrentTexture();
swapchain.Present();
Bài viết này chỉ bao gồm một số điểm nổi bật chính. Xem danh sách đầy đủ các thay đổi.
Tính năng mới trong WebGPU
Danh sách tất cả nội dung được đề cập trong loạt bài Có gì mới trong WebGPU.
Chrome 125
- Nhóm con (tính năng đang trong quá trình phát triển)
- Kết xuất thành lát của hoạ tiết 3D
- Thông tin cập nhật từ Bình minh
Chrome 124
- Kết cấu bộ nhớ chỉ đọc và đọc-ghi
- Hỗ trợ trình chạy dịch vụ và trình thực thi dùng chung
- Các thuộc tính mới về thông tin bộ chuyển đổi
- Sửa lỗi
- Thông tin cập nhật từ Bình minh
Chrome 123
- Hỗ trợ các hàm tích hợp DP4a trong WGSL
- Tham số con trỏ không bị hạn chế trong WGSL
- Đường cú pháp để loại bỏ thuộc tính tổng hợp trong WGSL
- Tách riêng trạng thái chỉ đọc cho khung viền và chiều sâu
- Thông tin cập nhật từ Bình minh
Chrome 122
- Mở rộng phạm vi tiếp cận bằng chế độ tương thích (tính năng đang trong quá trình phát triển)
- Tăng giới hạn maxVertexAttributes
- Thông tin cập nhật từ Bình minh
Chrome 121
- Hỗ trợ WebGPU trên Android
- Sử dụng DXC thay vì FXC để biên dịch chương trình đổ bóng trên Windows
- Truy vấn dấu thời gian trong thẻ điện toán và kết xuất
- Điểm truy cập mặc định đến mô-đun chương trình đổ bóng
- Hỗ trợ display-p3 dưới dạng hệ màu GPUExternalTexture
- Thông tin về vùng nhớ khối xếp
- Thông tin cập nhật từ Bình minh
Chrome 120
- Hỗ trợ các giá trị dấu phẩy động 16 bit trong WGSL
- Vượt giới hạn
- Thay đổi trạng thái khuôn khổ sâu
- Cập nhật thông tin về bộ chuyển đổi
- Số lượng truy vấn dấu thời gian
- Tính năng vệ sinh lò xo
Chrome 119
- Hoạ tiết nổi 32 bit có thể lọc
- định dạng đỉnh unorm10-10-10-2
- định dạng hoạ tiết rgb10a2uint
- Thông tin cập nhật từ Bình minh
Chrome 118
- Hỗ trợ HTMLImageElement và ImageData trong
copyExternalImageToTexture()
- Hỗ trợ thử nghiệm cho hoạ tiết lưu trữ chỉ đọc và ghi
- Thông tin cập nhật từ Bình minh
Chrome 117
- Huỷ thiết lập vùng đệm đỉnh
- Huỷ thiết lập nhóm liên kết
- Tắt tiếng lỗi trong quá trình tạo quy trình không đồng bộ khi thiết bị bị mất
- Thông tin cập nhật về việc tạo mô-đun chương trình đổ bóng SPIR-V
- Cải thiện trải nghiệm của nhà phát triển
- Quy trình lưu vào bộ nhớ đệm với bố cục được tạo tự động
- Thông tin cập nhật từ Bình minh
Chrome 116
- Tích hợp WebCodecs
- Thiết bị bị mất được GPUAdapter trả về
requestDevice()
- Duy trì quá trình phát video mượt mà nếu
importExternalTexture()
được gọi - Tuân thủ thông số kỹ thuật
- Cải thiện trải nghiệm của nhà phát triển
- Thông tin cập nhật từ Bình minh
Chrome 115
- Các phần mở rộng ngôn ngữ WGSL được hỗ trợ
- Hỗ trợ thử nghiệm cho Direct3D 11
- Nhận GPU rời theo mặc định khi dùng nguồn điện xoay chiều
- Cải thiện trải nghiệm của nhà phát triển
- Thông tin cập nhật từ Bình minh
Chrome 114
- Tối ưu hoá JavaScript
- getCurrentTexture() trên canvas chưa được định cấu hình sẽ gửi InvalidStateError
- Thông tin cập nhật về WGSL
- Thông tin cập nhật từ Bình minh