这篇文章由 Felipe Gomez 撰写，他是 Mozilla 的长期贡献者，也是一位非常棒的人。Felipe 在巴西上学。

此演示包含另一个有趣的特效，可以使用 Firefox 3.5 中提供的 HTML5 元素实现。还有什么比将开放网络与波普艺术结合起来更能创造出酷炫特效的呢？此演示仅使用 JavaScript、<video> 和 <canvas>。我们将使用它们来创建一个类似于著名的安迪·沃霍尔风格艺术的特效，应用于实时视频。

在 Firefox 3.5 中查看演示

效果非常简单。我们要做的是根据图像的亮度创建一种印章效果。我们计算每个像素的亮度，并将它们分成 3 组，从最暗到最亮。然后，对于我们的四个帧中的每一个，我们使用不同的调色板将原始像素转换为我们所需的颜色，以获得最佳效果。

这样，我们已经得到了一个很酷的效果，但它缺少一些细节。

因此，我们将我们的颜色与原始图像的 30% 混合，现在我们有了最终版本，它拥有更多色彩的色调，同时保留了安迪·沃霍尔风格的漂亮色彩。

我们可以使用 <video> 和 <canvas> 访问视频每个帧的像素，在视频播放时创建实时效果。