webgl透明视频

前置知识

1. webGL图片纹理
2. webgl动画纹理

背景

直播近年来的风头可以说是一时无两，游戏直播、颜值/才艺直播、带货直播；火爆的直播间通常有各种刷屏大礼物，通常是透明背景，这就是透明视频的主要用途之一；

多数视频格式并不支持alpha通道，支持alpha通道的视频格式可以参考文献：

List of video formats supporting alpha channels

少数视频格式支持alpha通道，如webm、mov等；其中webm是google的标准，是一种视频容器格式，内部编码一般是vp8和vp9；mov（quickTime）是苹果的视频容器格式，支持的编解码为Apple ProRes等；

现状

目前的透明视频的业内解决方案普遍都是参考自GitHub开源库seeThru，使用的是较通用的MP4视频；

该方案的机制是由于mp4视频格式不支持alpha通道，每个像素仅包含RGB通道；为了在视频中存储alpha通道的透明度信息；该方案将原始视频进行扩展为原来的2倍（宽或高），然后在新的视频上存储原始视频的alpha通道信息——具体方案是将扩展的部分的信息设置为

R(new) = G(new) = B(new) = alpha(original)，alpha