网页上的透明视频 (jakearchibald.com)

这篇文章探讨了在网页上实现视频透明效果的各种方法，并分析了它们的优缺点。文章指出，尽管WebM和HEVC等格式原生支持透明视频，但存在浏览器兼容性、性能和文件大小等问题。作者推荐一种手动解决方案，将视频的色彩和透明度信息分别存储在视频帧的上半部分和下半部分，然后使用WebGL片段着色器将它们合并。这种方法在文件大小和性能方面都优于原生方法。作者还提供了一个名为的Web组件，用于简化这种技术的实现，并提供了使用ffmpeg编码此类视频的详细步骤。