屏幕录制轻量工具 - MediaRecorder API 录制
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
UD5工具箱
拖拽视频到此处或点击上传
支持 MP4, WebM, MOV, AVI 等格式拖拽SRT文件或点击上传
支持 .srt 文件,UTF-8或GBK编码请上传视频和字幕文件
视频将在此处预览,字幕实时叠加显示HH:MM:SS,mmm --> HH:MM:SS,mmm,使用逗号分隔毫秒。SRT文件可以使用记事本或任何文本编辑器打开和编辑。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
通过Canvas调整图片的宽度和高度,支持保持比例或自定义尺寸,快速修改图片分辨率并下载。
上传CSV文件,指定优先排序列和升降序,干净地整理杂乱数据。
选择本地视频,拖拽选择起点和终点,直接保存裁剪后的视频片段。
将文本以单个词快速连续呈现,通过调节速度训练速读能力。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
输入LaTeX命令如 \alpha 或 \sum,即时渲染为高清可下载的SVG或PNG图片。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
加载测试页面,实时显示Largest Contentful Paint等核心指标,了解加载体验。
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
粘贴SVG代码,压缩并编码为data URI,用于background-image或img。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
选择前景、背景和8种ANSI颜色,生成可用于终端的.Xresources或JSON配色。
上传有序的多张图片,设置每帧延迟,合成一个GIF动图。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
设定最小与最大字体规格及视口范围,自动生成CSS clamp() 函数,实现流式排版。
解析诸如 `application/json; charset=utf-8` 的结构,分离类型、子类型与参数。
配置弹窗标题、内容、按钮和动画效果,一键生成干净的自定义模态框HTML/CSS代码。
上传合并的精灵图,设定行数和列数,自动裁切为单独的小图并打包下载。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
添加多个周期任务和一次性延迟任务,在时间轴上观察其调用过程,学习JS定时器。
浏览数十种纯CSS实现的加载小动画,点击复制代码直接用于项目。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
输入标题、描述和URL,模拟在Google搜索结果中的展示效果,并检测长度。
为按钮或卡片配置悬停时的边框、阴影、缩放、颜色等动画,自动生成CSS transition代码。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
将JSON转换为CBOR字节数组并以十六进制显示,反之亦然,适用于IoT数据传输。