音乐频谱可视化 - 实时跳动频率柱
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
提示音效合成器 - 在线生成清脆提醒音
调节频率、包络和波形,合成短促的UI提示音并下载WAV。
节拍频率模拟 - 两相近音产生拍音
播放两个频率相近的正弦波,实时听到并看到拍音波形的幅度变化。
全景声方位模拟 - 拖拽声源全向移动
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
哼唱转MIDI音符 - 单音旋律音高提取
通过麦克风哼唱简单旋律,使用自相关算法提取基频并转换为MIDI音符序列。
调内三和弦测验 - 选择正确的和弦级数
显示一个调性和罗马数字和弦级数,选择该和弦的正确根音和音名组成。
波形音频播放器组件 - 可拖拽进度高亮
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
线性加速度传感器演示 - 摇一摇动作检测
读取LinearAccelerationSensor,检测设备的物理移动和摇动动作,触发特效。
英文音节划分工具 - 按规则拆分并显示重音
输入英文单词,使用规则引擎划分音节并在元音上标记重音位置。
五度圈交互图 - 调号关系显示
点击五度圈上的调,高亮该调的音阶组成和近关系调,辅助作曲学习。
反应速度测试 - 点击变色/音效反应
屏幕颜色变化时尽快点击,测量从刺激到反应的时间,统计平均反应速度。
色彩搭配方案生成器 - 互补/三角/矩形调色
根据一个基础色生成互补色、分裂互补、三角色、矩形色等经典配色方案,并显示色块和代码。
SRT 字幕时间调整器 - 整体偏移/伸缩
上传 SRT 字幕文件,整体提前或延迟所有时间戳,或按比例拉伸压缩以匹配视频。
基线网格覆盖层生成器 - 垂直韵律对齐
在页面上叠加可调节的基线网格,可视化检查文字是否对齐基线,实现精确排版。
歌曲BPM检测器 - 自动分析节拍
上传音乐文件,通过Web Audio分析峰值间隔,估算歌曲的每分钟节拍数。
节奏听写训练 - 用网格表示节拍
播放一段简单节奏,用户在16步网格中点选哪些位置有音符,核对答案。
克拉尼图案模拟器 - 二维振动模式
选择不同的频率和振动模式,生成对应的二维克拉尼金属板砂粒聚集图案。
响应式设计测试工具 - 多分辨率视口预览
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
互动五度圈 - 点击调号显示和弦与关系调
交互式五度圈,点击任一调显示其调号、平行大小调及主要和弦。
素数搜索动画 - 试除法与埃拉托斯特尼筛法动态比较
并行动画展示试除法和埃拉托斯特尼筛法查找素数的过程,对比效率。
曲线调整工具 - 类似PS的色阶曲线
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射,实现高级调色效果。
单线一笔画艺术 - 将图片变成连续曲线
用一根连续不断的回旋曲线填充并重绘图片的原理,创造独特单线艺术。
简易填字游戏创作器 - 单词排布自动生成
提供一组单词与提示,自动生成纵横交错的最优填字布局,导出为图片或HTML。
图像配色方案生成器 - 提取主色并推荐和谐搭配
上传图片,自动提取主色并基于色轮生成类比色、互补色等调色板方案。
图片取色器 - 在线提取图片主色调
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
任意文本字母频率统计 - 柱状图分析
粘贴英文文本,计算各字母出现频率并绘图,用于密码学或语言学习。
梗音效播放板 - 常见趣味音效按钮
内置“哇哦”、“布鲁布鲁”、“duang”等网络流行音效,点击按钮即播放。
尤克里里和弦指法表 - 动态演示
选择和弦名称,显示在尤克里里指板上的按法,并播放和弦声音。
删除线文本生成器 - Unicode删除线效果
为每个字符添加Unicode删除线组合符号,生成带删除线的纯文本,适用于格式化受限场景。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
UD5工具箱