WebCodecs：直接面对帧、队列与编解码器

VideoFrame 可能引用解码器表面、GPU 纹理或大块像素内存；垃圾回收何时发生不可预测，close() 能在处理完成后立即释放底层资源引用。

const frame = new VideoFrame(canvas, {
  timestamp: Math.round(performance.now() * 1000),
});

context.drawImage(frame, 0, 0);
console.log(frame.displayWidth, frame.displayHeight);
frame.close();

1. 创建带时间戳的帧 WebCodecs 时间戳通常以微秒表达，必须来自明确时间轴。
2. 完成同步消费 帧可作为 Canvas 图像源，也可送入 VideoEncoder。
3. 立即释放资源 消费完成就 close，不要等待不确定的垃圾回收。

逐帧循环拥有清晰的资源边界，长时间运行也不会因为遗留帧引用持续增加内存压力。