UD5工具箱
音频可视化组件生成 - 播放器频谱
生成与原生HTML5音频播放器配套的音频频谱可视化组件代码。
拖拽音频文件到此处，或点击下方按钮开始
录音可视化简历 - 语音波形加文字
录制一段语音，生成带有音频波形和自定义文本的分享卡片图片。
gRPC-Web 请求构建器 - 服务调用与响应查看
输入服务地址与方法，构造 gRPC-Web 请求，查看二进制帧与反序列化后的响应消息。
AudioWorklet演示 - 自定义音频处理
编写一个简单的AudioWorkletProcessor，在独立线程中实时处理麦克风音频（如白噪声）。
电话/对讲机音效模拟器 - 窄频带滤波器
应用带通滤波器模拟老式电话或对讲机的窄频带音质，可加入噪声和失真。
环境白噪音混音器 - 在线背景音组合
同时播放雨声、风扇、咖啡店等多种环境音，独立调节音量，营造专注或休息氛围。
WebP图片兼容性回退 - picture/ source标签生成
为图片生成同时支持WebP和传统格式的<picture>标签代码，确保全浏览器兼容。
ChatGPT 提示词测试器 - 无 API 模拟对话效果
输入提示词，模拟对话格式预览发送给模型的效果，辅助优化提示工程。
形状检测API演示 - 实时条形码/人脸检测
调用摄像头，通过Shape Detection API实时识别图像中的条形码或人脸位置。
Postman Collection 在线查看器 - 无需安装解析集合
拖动导出Postman集合JSON文件，浏览器中展示请求分层与细节，方便快速查阅。
交互式 cURL 命令构建器 - 可视化配置请求参数
通过表单设置方法、头、体等参数，自动生成对应的 cURL 命令，方便复制执行。
RSA密钥对生成器 - Web Crypto API在线非对称密钥
利用浏览器内置SubtleCrypto生成RSA-OAEP或RSASSA-PKCS1密钥对，并导出为JWK或PEM格式（前端安全）。
SAML 断言可视化工具 - 解码并查看身份声明
粘贴Base64编码的SAML Response，解码并格式化显示其中的属性、断言与签名信息，便于调试。
文字颜色对比度检测器 - WCAG无障碍合规测试
输入文字颜色和背景颜色，计算对比度比例，验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
Contact Picker API 属性选择器 - 获取联系人信息
通过浏览器原生界面选择联系人，获取姓名、电话、邮箱等字段，用于分享或填写表单。
内容索引API演示 - 离线可用内容列表
将网页内容添加到浏览器的离线内容索引中，便于用户在下载页面查看。
Accept-Language 解析与匹配器 - 内容协商语言
输入Accept-Language标头值，按权重排序并匹配你的支持语言列表，辅助多语言应用开发。
盒模型对比演示 - content-box vs border-box
同时展示两种盒模型下元素的尺寸变化，直观理解宽度计算差异。
白噪音/粉红噪音发生器 - 专注助眠背景声
生成白噪声、粉红噪声、布朗噪声，可调节音量，帮助集中注意力或入睡。
GraphQL 查询可视化构建器 - 勾选字段生成 Query
从 Schema 中浏览类型，勾选所需字段和嵌套，实时生成 GraphQL 查询语句。
Fetch模拟API - 截获请求返回假数据
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
媒体查询构建器 - 组合条件生成CSS
通过下拉选择宽度、高度、分辨率等，逻辑组合并生成完整的@media规则。
假地址生成器增强版 - 符合当地格式
选择国家，生成符合当地格式的随机假地址，包括街道、城市、邮编和电话号码。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素，展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
电话语音滤镜 - 模拟通话音质
对音频应用带通滤波和失真，模拟老式电话线传输的狭窄频响特点。
Credential Management演示 - 自动登录与存储
使用PasswordCredential和FederatedCredential存储用户登录信息，并实现一键自动登录。
Lottie动画至SVG帧拆分 - 解析关键帧
上传Lottie JSON，解析路径并将所有关键帧导出为单独的SVG文件。
JSON Schema 动态表单生成 - 自动构建输入
输入JSON Schema，自动渲染出一个美观可用的表单界面（演示）。
PGP密钥对生成器演示 - 浏览器非对称加密
在浏览器生成PGP公私钥对，用于邮件加密与签名验证演示。
FAQ手风琴生成器 - 问答折叠组件代码
快速创建FAQ样式的手风琴列表，填入问题与答案，生成HTML/CSS/JS交互代码。