如何请video视频背景色变成透明?

1,568 阅读1分钟

首先,你需要一个这样的视频

image.png

或者一个这样的视频

image.png

第一种 canvas

通过canvas操作像素的能力,设置透明度,将每一帧图片的透明和不透明的地方区分开

实现

canvas将视频渲染在画布上,渲染前将视频左右,或者上下进行叠加计算,如上面视频中是左右排列视频,那这里就是将视频分成左右两部分,通过左边的像素点黑白色来给右边对应像素点位置设置透明度(黑:透明度为0,白:透明度为1)如下图:

image.png

注意: 宽高一定要是偶数,这样可以平均分配,这里是对像素的对称操作,以像素为最小单位,宽高不是偶数显示也会出现问题

第二种 webgl 渲染带透明通道的视频

看此链接:blog.csdn.net/linxner/art…