电话语音滤镜 - 模拟通话音质
对音频应用带通滤波和失真,模拟老式电话线传输的狭窄频响特点。
UD5工具箱
窄频带滤波器 · 实时音频处理
建议佩戴耳机使用,避免啸叫
对音频应用带通滤波和失真,模拟老式电话线传输的狭窄频响特点。
编写一个简单的AudioWorkletProcessor,在独立线程中实时处理麦克风音频(如白噪声)。
生成与原生HTML5音频播放器配套的音频频谱可视化组件代码。
录制一段语音,生成带有音频波形和自定义文本的分享卡片图片。
同时播放雨声、风扇、咖啡店等多种环境音,独立调节音量,营造专注或休息氛围。
播放 ship/sheep 等成对单词,选择听到的那个,强化辨音能力。
生成白噪声、粉红噪声、布朗噪声,可调节音量,帮助集中注意力或入睡。
同时展示两种盒模型下元素的尺寸变化,直观理解宽度计算差异。
创建左右布局的对话气泡样式,配置尾巴方向和颜色,生成聊天组件。
展示国际通用哨声信号:三短三长三短求救等,可播放音频示例。
输入文字颜色和背景颜色,计算对比度比例,验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
输入Accept-Language标头值,按权重排序并匹配你的支持语言列表,辅助多语言应用开发。
快速创建FAQ样式的手风琴列表,填入问题与答案,生成HTML/CSS/JS交互代码。
通过下拉选择宽度、高度、分辨率等,逻辑组合并生成完整的@media规则。
粘贴Base64编码的SAML Response,解码并格式化显示其中的属性、断言与签名信息,便于调试。
上传人像,粗略保留前景,将背景高斯模糊,模拟大光圈效果。
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
输入文本和容器宽度,计算所需的字体大小使文本不换行,利用JS测量实时反馈。
单独对元素背景区域应用模糊、亮度、灰度等滤镜,生成兼容的CSS backdrop-filter属性。
输入服务地址与方法,构造 gRPC-Web 请求,查看二进制帧与反序列化后的响应消息。
对图片应用多种滤镜组合,对比原图与效果,学习 filter 属性的视觉影响。
上传Lottie JSON,解析路径并将所有关键帧导出为单独的SVG文件。
在浏览器生成PGP公私钥对,用于邮件加密与签名验证演示。
随机生成逼真的电子登机牌图片,包含航班号、座位、登机口等信息,仅供娱乐。
为图片生成同时支持WebP和传统格式的<picture>标签代码,确保全浏览器兼容。
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
通过摄像头简单估算头部倾斜,久坐后若驼背则弹窗提醒。
录入自己的衣物,随机组合生成一套穿搭建议,解决明天穿啥问题。
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
交互式心脏内部结构图,点击心房、心室、瓣膜等部件查看名称和功能。