MediaStream 录像机演示 - 录制并下载 WebM/MP4
捕获屏幕或摄像头,录制视频并设置码率等参数,最终下载文件。
UD5工具箱
getDisplayMedia(屏幕捕获API)配合工作,录制过程完全在本地完成,视频数据不会上传到任何服务器,保障隐私安全。相比第三方录屏软件,它零安装、跨平台(Windows/Mac/Linux/ChromeOS)、完全免费。
捕获屏幕或摄像头,录制视频并设置码率等参数,最终下载文件。
上传多个视频片段,按顺序无缝拼接为一个视频,支持转场和重新编码下载。
生成符合最佳实践的“跳至主内容”链接的 HTML 和 CSS 代码,提升键盘导航体验。
编辑 %c 占位符和 CSS 样式,实时查看控制台输出效果,微调后再用于实际调试。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
加载测试页面,实时显示Largest Contentful Paint等核心指标,了解加载体验。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
添加本地视频和SRT字幕文件,预览并生成带硬字幕的新视频文件。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
通过滑块调节LCP、FID、CLS等指标值,实时显示对应的谷歌核心网页指标评分与颜色。
使用 Web NFC 读取附近标签的 NDEF 消息,展示每条记录的类型和内容。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
选择网站类型与收集数据项,生成基础隐私政策HTML文本,符合主流法规框架。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
解析诸如 `application/json; charset=utf-8` 的结构,分离类型、子类型与参数。
使用不同 font-display 值加载自定义字体,展示未字体下载时的文字显示行为。
通过Canvas调整图片的宽度和高度,支持保持比例或自定义尺寸,快速修改图片分辨率并下载。
粘贴JWT,自动Base64解码并显示明文Header和Payload。
列出当前页面加载的所有第三方域名请求,并演示如何通过 CSP 或浏览器扩展拦截。
适配多种SQL方言的关键词大小写与缩进风格,并可添加注释提示,提升大查询可读性。
粘贴以data:开头的链接,自动判断MIME类型并预览内容,或提供下载按钮。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
动态调整 accent-color 并实时查看对复选框、单选按钮、进度条和滑块的影响。
使用Web NFC API向兼容标签写入文本或URL,并验证读取结果。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
输入活动名称、日期、地点和票价,生成 Event 结构化数据,用于活动搜索结果。
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
创建 input + datalist 组合,动态添加选项并测试过滤行为和兼容性。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。