自定义视口模拟器 - 任意像素尺寸预览
手动输入宽度和高度像素值,生成一个模拟窗口查看内容适配状况。
UD5工具箱
手动输入宽度和高度像素值,生成一个模拟窗口查看内容适配状况。
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口,而不是新建窗口。
一键将图片拆分为红、绿、蓝和Alpha通道的独立灰度图,辅助修图分析。
生成一个测试音频播放器,展示如何用MediaSession API设置元数据和操作回调。
使用Idle Detection API区分用户是临时空闲、键盘无活动还是屏幕已锁定。
调用电脑或手机摄像头进行拍照,支持多张连拍并本地下载,无需安装任何软件。
实时调整焦点轮廓的颜色、粗细和偏移,生成美观且高对比度的焦点样式代码。
播放音频或使用话筒,实时绘制波形与频谱,前端音频可视化演示。
利用前置摄像头估算人眼到屏幕距离,过近时警告,降低近视风险。
显示当前AudioContext的状态、采样率和输出延迟,并允许一键挂起或恢复。
跟随音乐节奏点击按钮或敲击键盘,实时计算每分钟节拍数 (BPM) 和平均间隔。
排列音效或音乐片段,一键触发下一个 cue,适合舞台演出或节目控制。
选择本地音频文件,解绘制完整的静态波形图,便于观察响度变化。
上传一张图片和一个音频文件,合成一个带静态封面的视频,用于分享音乐。
以手机框架包裹当前网页视图,可调宽高,模拟实际移动端显示效果。
生成一个带开关的网页背景音乐组件,尝试在用户交互后播放,不干扰默认静音策略。
麦克风录音,排练中单击标记点,方便快速检视某段。
输入歌曲或专辑名,搜索封面图并自动提取主色调,生成音乐风格调色板。
选择本地音频文件,播放时实时显示声波波形和频率柱状图,利用Web Audio API分析。
编写DOT语言描述节点与边,前端渲染为有向图/无向图,辅助关系梳理。
展示iPhone、Android等热门机型的逻辑分辨率和像素密度,辅助响应式设计。
设定观察阈值,实时查看目标元素进入/离开视口时的回调,学习交叉观察者API。
上传很短的音乐片段,使用简单的音频特征分析预测流派。
生成带有焦点陷阱、ESC 关闭和背景遮罩的无障碍模态弹窗代码。
等待屏幕变色后尽快点击,记录反应毫秒数,测试多次取平均,提升注意力。
输入幕布尺寸和投影仪投射比,计算需离墙多远才能投满。
通过麦克风录音,并将录音压缩为MP3格式(使用开源编码器)下载到本地。
选择常见拍号(4/4, 3/4, 6/8等),播放节拍强音弱音演示。
展示当前浏览器的屏幕分辨率、可用字体、插件、Canvas 等指纹信息,了解浏览器唯一性。
生成指定频率和振幅的纯正弦波,支持左右声道独立控制和听力阈值自测。