"ImageDecoder API：图片解码与动画帧管线"
"介绍 ImageDecoder 的使用与帧读取，针对静态与动画图片（如 GIF/WEBP），将解码帧转为位图或 VideoFrame 并绘制，说明性能与内存管理。"
管线
"浏览器端压缩与解压：CompressionStream/DecompressionStream 管线实践"
"介绍 CompressionStream/DecompressionStream 在浏览器端进行 gzip/deflate 压缩与解压的用法，说明与 Fetch/Streams 的管线集成与性能注意。"
现代图片编解码与图像管线优化：AVIF/WebP、响应式图片与CDN变换
构建现代图片管线，从编解码（AVIF/WebP）到响应式加载与 CDN 变换，结合懒加载与优先级控制，给出可验证的字节减少与渲染指标
WebGPU 计算管线：ComputePass 与 StorageBuffer
构建 WebGPU 计算管线并使用存储缓冲在 GPU 上进行并行计算，包含 WGSL compute 着色器与命令提交流程。
"WebCodecs 音频编解码：AudioDecoder 与 AudioEncoder 管线"
"介绍 WebCodecs 的音频编解码接口，演示解码帧到 PCM、编码帧输出、与 AudioWorklet/MSE/WebRTC 的协作与取舍，提供示例与验证。"
MediaCapabilities encodingInfo：摄像与录制管线能力评估
使用 MediaCapabilities 的 encodingInfo 评估端侧编码能力，选择合适分辨率、码率与帧率以达成平滑与节能录制。
WebGPU：计算与渲染管线基础
使用 WebGPU 构建基础渲染与计算管线，包括适配器/设备获取、WGSL 着色器、管线配置与命令提交，并给出兼容与性能建议。
"WebGPU 实战：渲染与计算管线基础"
"介绍 WebGPU 的适配器与设备获取、画布配置、基础渲染管线与 WGSL 着色器示例，涵盖部署与兼容注意事项。"
WebGPU 实战（渲染管线、兼容与安全沙箱）
介绍 WebGPU 的渲染管线与 WGSL，讨论兼容性与安全沙箱策略，并提供性能验证与降级方案。
"WebCodecs 实战：视频解码编码与帧管线优化"
"介绍 WebCodecs 的解码与编码基础用法、硬件加速偏好与内存管理，结合画布管线与与 MSE/WebRTC 的协作与取舍，给出可运行的示例与验证参考。"
