Чтобы переводить контент на ваш предпочитаемый язык, Google использует технологии на основе искусственного интеллекта. Переводы от ИИ могут содержать ошибки.

Что нового в WebGPU (Chrome 113)

François Beaufort

Команда Chrome объявляет, что первая версия WebGPU теперь доступна по умолчанию в Chrome на устройствах с ChromeOS, macOS и Windows. Подробнее о WebGPU в Chrome можно узнать в блоге Chromium.

Кроме того, мы начали добавлять на MDN подробную документацию по WebGPU.

И это ещё не все преимущества.

Использовать источник WebCodecs `VideoFrame` в `importExternalTexture()`

WebGPU предоставляет API для создания непрозрачных объектов "внешней текстуры" из HTMLVideoElement через importExternalTexture(). Эти объекты можно использовать для эффективного сэмплирования кадров видео, возможно, без копирования непосредственно из исходных данных YUV.

Однако в исходной спецификации WebGPU не разрешено создавать объекты GPUExternalTexture из объектов WebCodecs VideoFrame. Эта возможность важна для приложений, которые уже используют WebCodecs для обработки видео и хотят интегрировать 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.