SnailDev.GifMaker生成 GIF 并添加自定义字幕的工具
SnailDev.GifMaker
一个生成 gif 并添加自定义字幕的工具。
client 微信小程序
server nodejs + express
欢迎 star&fork 如果您有好的commit 也可以 pull request
体验Demo sorry.web
Introduction
本工具并不使用 aegisub 为模板视频创建字幕,采用的是 FFmpeg 中的 filter drawtext , 另,笔者还将继续深入了解 FFmpeg ,争取早日实现创作自动化。
可生成如下案列:
开放接口:
1.获取 category
GET https://gifmaker.develophelper.com/gif/category
2.制作 gif
POST https://gifmaker.develophelper.com/gif/make Content-Type: application/x-www-form-urlencoded Body: tplid=1 // 模板ID &quality=1 // 画质(暂时无效) &content=好啊##$@?$?@$##就算你是一流工程师##$@?$?@$##就算你出报告再完美##$@?$?@$##我叫你改报告你就要改##$@?$?@$##毕竟我是客户##$@?$?@$##客户了不起啊##$@?$?@$##sorry 客户真的了不起##$@?$?@$##以后叫他天天改报告##$@?$?@$##天天改 天天改 //字幕内容(以##$@?$?@$##作为分隔符)
3.返回结果
{ "m": 0, // code 0 successful "d":{ // d data "gifurl": "http://gifmaker.develophelper.com/cache/1_1a322f1b7dd9633e5433d0e0152e18a6a924cb23.gif" }, "e": "" // e errMsg }
Structure
├─client // 客户端参考微信小程序结构 │ └─server // 服务端 │ ├─data // 模板配置目录 │ ├─public // 静态资源目录 │ │ │ ├─cache // 动态生成的gif目录 │ │ │ └─demo // 示例目录 │ ├─test // 测试目录 │ ├─app.js // 主程序入口 │ ├─gifmaker.js // gif创建 │ ├─util.js // 工具类 │ └─test // 测试目录
DependOn
server
"ffmpeg-static": "^2.2.0", "fluent-ffmpeg": "^2.1.2"
How to Use
-
制作视频模板 放到 data/template/ 目录下
-
给 data/category.js 和 data/template.js 添加相关配置
-
将做好的 demo 放到 public/demo/gif/下 缩略图放到 public/demo/thumbnail/ 下
Interpretation
{ filter: "drawtext", // filter类型 options: { "text": "我就是饿死", // 文本内容 "x": "(w-text_w)/2", // 文本出现的横坐标 "y": "h-text_h-4", // 文本出现的纵坐标 "enable": "between(t,0,1.04)", // 文本出现的时间范围 'fontfile': 'msyhbd.ttc', // 字体文件 'fontcolor': 'white', // 字体颜色 "fontsize": "14" // 字体大小 } }
更多参考 FFmpeg Filters Documentation
License
The MIT License (MIT). Please see LICENSE for more information.
评论
Image Sequencer生成 GIF 图片工具
Image Sequencer 是通过结合 Lumia Imaging SDK’s Image Al
Image Sequencer生成 GIF 图片工具
0
Image Sequencer生成 GIF 图片工具
ImageSequencer是通过结合LumiaImagingSDK’sImageAligner和GifRendererAPIs来创建一个cinemagraph-style动画,并保存为GIF格式。用
Image Sequencer生成 GIF 图片工具
0
SublerMP4字幕添加小工具
Subler是MacOSX上创建MuxMP4文件。Subler的主要特点是:建立tx3g字幕轨道,兼容所有的苹果公司的产品(iPod,AppleTV,iPhone,QuickTime)。Mux视频,音
SublerMP4字幕添加小工具
0
gif.jsJavaScript 的 GIF 动画生成
gif.js 是一个可直接在浏览器上运行的 JavaScript GIF 编码器。支持的浏览器包括:
gif.jsJavaScript 的 GIF 动画生成
0
gif.jsJavaScript 的 GIF 动画生成
gif.js是一个可直接在浏览器上运行的JavaScriptGIF编码器。支持的浏览器包括:GoogleChromeFirefox17Safari6InternetExplorer10MobileSa
gif.jsJavaScript 的 GIF 动画生成
0
Aegisub字幕工具
Aegisub是一款非常专业的用于创建和编辑字幕的工具,自由且跨平台。Aegisub使得为视频和音频添加字幕变得非常容易,它还包含很多风格化字幕的强大特性,而且还包含一个实时的视频预览。支持的平台:W
Aegisub字幕工具
0