html和webgl中使用透明视频

关键词：webM， Adobe After Effect，Alpha + RGB ， ffmpeg

众所周知视频是不支持透明 的，其实他是可以支持的。不过一般播放器不支持，就算支持也会默认加上个黑夜的背景，不然播放器就会透过播放器本身直接看到看到后面的内容，于是你摸鱼又多了一个途径。
要在网也中使用透明视屏需要几个必要的步骤：

1. 准备一个透明的视频
2. 用video标签把他加入到HTML中
   基本就OK了。
   webm格式的视频可以通过序列帧来合成或者通过带Alpha通道的mov格式的视频来转。
   推荐使用ffmpeg工具来转换，效果和灵活性都不错。

在webgl中使用透明的视频纹理也是可以的，甚至都不需要去写shader。
下面演示在threejs和babylonjs中分别使用透明视频纹理。

待续……