字符画视频制作过程!包教会。

前言

话说字符画还火嘛??

半个月前

boss说: 等开年会的时候,你们技术部要准备一个节目,啥节目都可以。

设计师: 可以弄一个抖音那样的字符画视频。

我: 可以的,那个不难的。

然后 天降大任与我,不扛着我也要顶着!!!

脚本地址:

链接:pan.baidu.com/s/1nfkCpOc3…

提取码:ptro

开始

在网上找了很久,终于在吾爱破解论坛看到一个 脚本!(感谢大佬)

文件不多,就这几个。

那么我们需要准备一个视频,一断音乐。

打开VideoToText1.2.exe,输入文件名,回车然后等待……会根据你的文件名生成对应的gif和html。

原理好像是: 通过ffmpeg.exe把视频生成gif,然后裁成一帧帧图片,图片在转换成字符画,然后拼接html。

在1(会根据你的文件名生成的).html代码第30行后面加几句代码。

	setTimeout(function() {
		audio=new Audio("1.mp3");//你的音频文件名称。(谷歌浏览器不能自动播放!!!!!注意!不是bug)
		audio.play();
	}, 1750);
复制代码

完成

然后打开1.html

字符画视频生成功!剩下的就是录屏,裁剪压缩……

完结

小伙伴学会了嘛?

最近这段时间有点忙都没时间看书写文章,这算是一篇水文。

下一篇一定是js的设计模式文章!!!!!

转载于:https://juejin.im/post/5c2cb61251882565986a2941

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值