数年にわたる開発の後、Chrome チームは、ChromeOS、macOS、Windows の Chrome で WebGPU の最初のリリースがデフォルトで利用可能になったことを発表しました。詳しくは、Chrome に WebGPU を搭載をご覧ください。
MDN に WebGPU の包括的なドキュメントも追加しました。
その他
importExternalTexture()
で WebCodecs VideoFrame
ソースを使用する
WebGPU で不透明な「外部テクスチャ」を作成する API を公開HTMLVideoElement
~importExternalTexture()
のオブジェクト。これらのオブジェクトを使用すると、動画フレームを効率的に(ソース YUV データから直接 0 コピーで)サンプリングできます。
ただし、最初の WebGPU 仕様では、WebCodecs の VideoFrame
オブジェクトから GPUExternalTexture
オブジェクトを作成することはできません。この機能は、すでに WebCodec を使用していて、動画処理パイプラインに WebGPU を統合したい高度な動画処理アプリで重要です。現在、gpuweb/gpuweb#1380 の問題について議論中です。
機能を有効にする
デフォルトでは、この機能は Chrome で有効になっていませんが、Chrome 113 では明示的に有効にすることでテストできます。[WebGPU のデベロッパー機能] を有効にすると、ローカルで有効にできます。フラグ(chrome://flags/#enable-webgpu-developer-features
)を入力します。
アプリ訪問者がこの機能を利用できるようにするため、現在オリジン トライアルが進行中であり、Chrome 118(2023 年 12 月 8 日)で終了する予定です。トライアルに参加するには、登録し、HTML ヘッダーまたは HTTP ヘッダーのいずれかにオリジン トライアル トークンを含む meta 要素を含めます。詳しくは、オリジン トライアルのスタートガイドの投稿をご覧ください。
サンプルコード
// 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 の新機能
「WebGPU の新機能」シリーズに記載されている全内容のリスト。
Chrome 127
Chrome 126
- maxTextureArrayLayers の上限を引き上げる
- Vulkan バックエンドでのバッファ アップロードの最適化
- シェーダーのコンパイル時間の改善
- 送信するコマンド バッファは一意である必要があります
- 夜明けの最新情報
Chrome 125
Chrome 124
Chrome 123
- WGSL での DP4a 組み込み関数のサポート
- WGSL の無制限のポインタ パラメータ
- WGSL で複合要素を逆参照するための糖衣構文
- ステンシル アスペクトと深度アスペクトの読み取り専用状態を分離
- 夜明けの最新情報
Chrome 122
Chrome 121
- Android で WebGPU をサポートする
- Windows でのシェーダーのコンパイルに FXC ではなく DXC を使用
- コンピューティング パスとレンダリング パスでのタイムスタンプ クエリ
- シェーダー モジュールへのデフォルトのエントリ ポイント
- GPUExternalTexture 色空間として display-p3 をサポートする
- メモリヒープ情報
- 夜明けの最新情報
Chrome 120
Chrome 119
- フィルタ可能な 32 ビット浮動小数点のテクスチャ
- unorm10-10-10-2 頂点形式
- rgb10a2uint テクスチャ形式
- 夜明けの最新情報
Chrome 118
copyExternalImageToTexture()
での HTMLImageElement と ImageData のサポート- 読み取り / 書き込みと読み取り専用のストレージ テクスチャの試験運用版サポート
- 夜明けの最新情報
Chrome 117
- 頂点バッファの設定解除
- バインド グループの設定解除
- デバイスが失われた場合の非同期パイプライン作成のエラーをミュートする
- SPIR-V シェーダー モジュールの作成に関するアップデート
- デベロッパー エクスペリエンスの向上
- 自動生成されたレイアウトを使用したキャッシュ パイプライン
- 夜明けの最新情報
Chrome 116
- WebCodecs の統合
- GPUAdapter から返されたデバイスの紛失
requestDevice()
importExternalTexture()
が呼び出された場合に動画の再生をスムーズにする- 仕様の適合性
- デベロッパー エクスペリエンスの向上
- 夜明けの最新情報
Chrome 115
- サポートされている WGSL 言語の拡張機能
- Direct3D 11 の試験運用版サポート
- AC 電源でデフォルトでディスクリート GPU を取得
- デベロッパー エクスペリエンスの向上
- 夜明けの最新情報