DevTrendsDeveloper trends
Accent color

Product

支持自定义工作流的纯浏览器本地运行的图片、视频、音频处理(压缩、合并、转格式、加水印等等)工具

工作流是这个工具的特色功能,我将每个操作原子化,实现了一套 DSL(例如:video|frames(interval=1,format=jpg)|format(webp)|compress(quality=0.8)|watermark(text="h5kit.com",layout=tile,position=bottom-right,color="#ff0000",opacity=0.7,angle=-30,size=5,spacin…

DTSoftware developmentDTWeb appDTWeb

Product images

About

工作流是这个工具的特色功能,我将每个操作原子化,实现了一套 DSL(例如:video|frames(interval=1,format=jpg)|format(webp)|compress(quality=0.8)|watermark(text="h5kit.com",layout=tile,position=bottom-right,color="#ff0000",opacity=0.7,angle=-30,size=5,spacing=2)),可以自由组合每个操作,带来的一个有趣的效果就是用户可以自己配置好操作,然后分享出去链接给到别人直接使用。例如:点击这个链接上传任意图片,你会得到一张宽度缩放到 800px,格式转成 webp,且加上了水印的图片。 项目灵感来自于日常开发中碰到需要图片、视频、音频处理的场景,每次都去 Google 上什么 convert.io 那边,但是境外网站总是慢慢的,所以干脆一不做二不休,自己 VibeCoding 一个,工作流的灵感是我发现通过我需要进行多步操作才能达成我的目的,比如一张图又要调整尺寸,又要改变格式。每次都要使用多个工具才能达成我的需求。点击这个链接比如这个工作流,可以上传一个视频,然后生成一个 zip 包,里面是每一帧的截图,且加上了我们配置的水印,并且也同样压缩并转了 webp 格式的图片(最后附图)。

Discovery history

  1. 阮一峰周刊·用户投稿

    Sep 7, 2026 · 1 observations

Discuss this product