16 如何实现一个 WebAssembly 在线多媒体处理应用（二）？ 你好，我是于航。

在上一节课中，我们介绍了本次实践项目在代码层面的大体组成结构，着重给你讲解了需要了解的一些基础性知识，比如“滤镜的基本原理及实现方法”以及“Emscripten 的基本用法”等等。而在这节课中，我们将继续构建这个基于 Wasm 实现的多媒体 Web 应用。

HTML

首先，我们来构建这个 Web 应用所对应的 HTML 部分。这部分代码如下所示： <!DOCTYPE html> <html lang="en"> <head> DIP-DEMO </head> <body> <div class="operation"> <h2>帧率：NaN FPS</h2> 不开启渲染.
使用 [JavaScript] 渲染.
使用 [WebAssembly] 渲染.
</div>

为了便于演示，HTML 代码部分我们尽量从简，并且直接将 CSS 样式内联到 HTML 头部。

其中最为重要的两个部分为

“ ” 标签和 “