spectro:for Web的实时音频频谱图生成器

上传者: 42131790 | 上传时间: 2022-10-29 19:22:24 | 文件大小: 2.13MB | 文件类型: ZIP
:musical_notes: Spectro是用于网络的实时音频频谱图生成器。 它可以可视化麦克风上的声音或设备上的音频文件。 :laptop_computer: 用法 前往开始使用Spectro。 要开始生成频谱图,您可以: 点击 :microphone: 从“麦克风”按钮录音,即可开始通过麦克风生成频谱图。 如果要录制设备音频输出中的音频,则可以或 ,然后将此设备设置为浏览器的默认输入设备。 点击 :musical_note: 播放音频文件按钮可开始从设备上的音频文件生成频谱图。 这也将播放选定的音频文件。 您的浏览器支持的任何音频格式都可以播放。 频谱图从右到左生成,最新音频出现在右侧,最古老的音频出现在左侧。 也有 :gear: 可用于控制频谱图外观的选项: :speaker_high_volume: 灵敏度控制频谱图对音频的敏感程度。 更改它与更改音频的音量具有相同的效果。 :last_quarter_moon: 对比度对数图应用对数缩放,以向图像添加对比度。 更改它有助于根据所分析的音频产生更好的图像。 :magnifying_glass_tilt

文件下载

资源详情

[{"title":"( 40 个子文件 2.13MB ) spectro:for Web的实时音频频谱图生成器","children":[{"title":"spectro-master","children":[{"title":".eslintrc.json <span style='color:#111;'> 889B </span>","children":null,"spread":false},{"title":".browserslistrc <span style='color:#111;'> 127B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 1009B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"color-util.ts <span style='color:#111;'> 4.41KB </span>","children":null,"spread":false},{"title":"math-util.ts <span style='color:#111;'> 3.74KB </span>","children":null,"spread":false},{"title":"controls-ui","children":[{"title":"index.tsx <span style='color:#111;'> 1.03KB </span>","children":null,"spread":false},{"title":"LabelledSlider.tsx <span style='color:#111;'> 3.16KB </span>","children":null,"spread":false},{"title":"SettingsContainer.tsx <span style='color:#111;'> 18.52KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.ts <span style='color:#111;'> 12.83KB </span>","children":null,"spread":false},{"title":"worker-util.ts <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false},{"title":"workers","children":[{"title":".eslintrc.js <span style='color:#111;'> 258B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 333B </span>","children":null,"spread":false},{"title":"helper.worker.ts <span style='color:#111;'> 1.66KB </span>","children":null,"spread":false}],"spread":true},{"title":"shaders","children":[{"title":"vertex.glsl <span style='color:#111;'> 175B </span>","children":null,"spread":false},{"title":"fragment.glsl <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false}],"spread":true},{"title":"types","children":[{"title":"loaders.d.ts <span style='color:#111;'> 279B </span>","children":null,"spread":false},{"title":"window.d.ts <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"jsfft-complex_array.d.ts <span style='color:#111;'> 973B </span>","children":null,"spread":false},{"title":"jsfft.d.ts <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false}],"spread":true},{"title":"spectrogram-render.ts <span style='color:#111;'> 22.07KB </span>","children":null,"spread":false},{"title":"spectrogram.ts <span style='color:#111;'> 4.88KB </span>","children":null,"spread":false},{"title":"worker-constants.ts <span style='color:#111;'> 771B </span>","children":null,"spread":false}],"spread":false},{"title":".babelrc <span style='color:#111;'> 228B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 545B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 64B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 4.65KB </span>","children":null,"spread":false},{"title":"dist","children":[{"title":"og-image.jpg <span style='color:#111;'> 203.27KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 4.11KB </span>","children":null,"spread":false}],"spread":true},{"title":"docs","children":[{"title":"spectrogram-no-windowing-example.png <span style='color:#111;'> 594.56KB </span>","children":null,"spread":false},{"title":"spectrogram-example.png <span style='color:#111;'> 520.95KB </span>","children":null,"spread":false},{"title":"color-gradient.png <span style='color:#111;'> 588B </span>","children":null,"spread":false},{"title":"scale-gradient.png <span style='color:#111;'> 653B </span>","children":null,"spread":false},{"title":"screenshot.png <span style='color:#111;'> 553.81KB </span>","children":null,"spread":false},{"title":"texture-wrapping.png <span style='color:#111;'> 209.01KB </span>","children":null,"spread":false},{"title":"making-of.md <span style='color:#111;'> 15.66KB </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 1.57KB </span>","children":null,"spread":false},{"title":"tsconfig.eslint.json <span style='color:#111;'> 343B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 329.28KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.78KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明