[菜鸟八哥]抖音礼物特效源码

菜鸟八哥 · 发表于 2025-2-13 20:38:29

源码是html单页，由于有两个视频，所以有14M，放蓝奏了
https://wwuz.lanzoup.com/iiSIj2npjync
这是下载地址

这个是抖音的特效数据大全，累计1000多种特效

抖音特效大全json数据.zip (157.29 KB, 下载次数: 107, 售价: 1 枚精币)

源码中的礼物特效是带Alpha通道的webm视频，而抖音官方的特效视频，是不带Alpha通道的mp4视频

Alpha通道，可以理解为记录透明数据的一个东西，下载下来的抖音特效是一个zip压缩包，里面有一个output.mp4就是特效视频了，用ffmpeg转换一下，就可以得到带透明通道的webm视频，，下面是ffmpeg的转换命令

ffmpeg -i output.mp4 -filter_complex "[0:v]crop=w=iw/2:h=ih:x=0:y=0,format=gray[alpha];[0:v]crop=w=iw/2:h=ih:x=iw/2:y=0[right];[right][alpha]alphamerge" -c:v libvpx -b:v 1M -auto-alt-ref 0 钻石嘉年华.webm

output.mp4就是输入的视频名称，钻石嘉年华.webm就是输出的视频名称。用ffmpeg转换之后可能会牺牲一些清晰度

接下来我讲一下，抖音的MP4版本的特效视频，是如何用的
它的特效视频分为左右两侧，但是视频背景都是黑色的

由于mp4视频是没有Alpha通道的，所以，左侧的黑白视频，就用来记录Alpha值，众所周知，黑白颜色0=纯黑，255=纯白，例如左侧第一格像素为0，那么右侧的第一格像素透明度就是0，也就是纯透明，用这种方法来记录Alpha值，想要使用这种mp4视频，就需要先将视频拆分成左右2个，读取左侧视频的灰度值，当作Alpha通道，然后应用于右侧视频，就可以得到一个透明的素材了，这里有一个直接使用抖音原版mp4特效的demo源码，仅供参考