有没有办法在 HTML 5 Web 音频 API 中检测音频频率?

2023-12-19

我想知道有没有一种方法可以检测 html 5 网络音频中麦克风的音频。我希望制作一个在线吉他调音器,并且我需要从声音输入获得以赫兹为单位的音频。我看到了一些均衡器和滤波器效果,但没有看到任何有关频率识别的内容。

编辑: 我找到了这个:http://www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound http://www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound第二点(分析器节点)非常有趣。我看过他的源代码,但我不知道如何将分析仪连接到麦克风输入。 当 mp3 文件开始播放时,他调用 playSound() 函数,并在那里绘制画布。但我没有类似 playSound() 的功能......


我编写了一个网络音频库,除其他外,它可以检测麦克风输入的频率。检查一下:https://github.com/rserota/wad#pitch-detection https://github.com/rserota/wad#pitch-detection

var voice = new Wad({source : 'mic' });
var tuner = new Wad.Poly();
tuner.add(voice);
voice.play();

tuner.updatePitch() // The tuner is now calculating the pitch and note name of its input 60 times per second. These values are stored in tuner.pitch and tuner.noteName.

var logPitch = function(){
    console.log(tuner.pitch, tuner.noteName)
    requestAnimationFrame(logPitch)
};
logPitch();
// If you sing into your microphone, your pitch will be logged to the console in real time.

tuner.stopUpdatingPitch(); // Stop calculating the pitch if you don't need to know it anymore.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法在 HTML 5 Web 音频 API 中检测音频频率? 的相关文章

  • 如何让更大的布局适合小设备屏幕?

    我有一个小问题meta viewport元素 问题是我的布局min width比我想要使用的许多屏幕分辨率都要大 所以将其设置为 没有帮助 结果我得到的页面必须缩小以适应设备宽度 如果我什至添加像 它也不起作用 发现了一个黑客来自CSS 技
  • 如何在 HTML 中创建可编辑的下拉列表?

    我想创建一个带有下拉列表的文本字段 让用户选择一些预定义的值 用户还应该能够键入新值或从下拉列表中选择预定义值 我知道我可以为此使用两个小部件 但在我的应用程序中 如果将其统一在一个小部件中会更符合人体工程学 是否有标准小部件或者我必须使用
  • 如何选中表格中输入文本焦点上的复选框

    我试图在输入文本焦点上检查表 DOM 中的复选框 但无法访问复选框元素 但我的焦点正在工作 这是我的 jsfiddle 链接https jsfiddle net 9qha9vft https jsfiddle net 9qha9vft 这是
  • Google 字体(上面有空格)无法在 IE7/IE8 上呈现

    有谁知道为什么 IE7 IE8 不会渲染 Google 字体 如果名称上有空格 您可以在这里查看演示 http jsfiddle net fYzAb 1 http jsfiddle net fYzAb 1 完全相同的两个标签 一个使用 Os
  • jquery 删除 标签,同时保留其内容(并用
    替换

    :s)

    有没有一种好方法可以删除所有 SPAN 标签 同时保留其中的文本 并用 BR 替换所有 DIV 和 P 使用 jQuery div p Lorem ipsum dolor sit amet consectetur adipiscing el
  • 如何强制 中的两个元素始终保持在同一行

    代码非常简单 table style width 100 border 0 background color white cellpadding 0 cellspacing 0 tr td style border 0 padding 0
  • 更改单选按钮上输入字段中的值

    我正在开发一个项目 用户必须在两个选项中选择一个 选项是单选按钮 目前我正在获取 keyup 事件的结果 当用户选择一个选项 然后在输入字段中输入值时 他会在另一个结果输入字段中得到结果 它工作正常 但是当用户想要更改选项并选择其他选项时出
  • 检测滚动条是否可见(例如在移动设备上)

    我见过很多关于检测 HTML 元素是否可滚动的问题 答案 例如动态检测滚动条 https stackoverflow com questions 33805052 detect scrollbar dynamically 我需要类似的东西
  • 对于跨域 XHR 丢弃 cookie 不是更简单吗?

    在进行网络开发时 我一直在与奇怪的限制作斗争 其中之一是 AJAX 请求的同源限制 我问自己 在创建请求时丢弃 cookie 而不是阻止对跨域资源的请求是否会更简单 以避免滥用 AJAX 请求的身份验证凭据 浏览器会话 Cookie 是一种
  • PHP 邮件功能不发送任何消息[重复]

    这个问题在这里已经有答案了 我对问题所在感到困惑 在使用时没有收到任何电子邮件mailphp 函数 PHP HTML
  • 如何通过 HTML 表单创建 google 图片搜索的链接?

    尝试使用 HTML 表单制作 Google 图像搜索克隆 在搜索字段中输入文本后 它将直接带您进入 Google 图像搜索结果页面 这是我正在使用的代码
  • 固定 CSS 导航栏

    我最近解决了困扰我一段时间的 CSS 导航栏问题 现在我遇到了将其固定到顶部的问题 以便当您滚动页面时它会向下滚动 我知道我需要添加的是 Position fixed 但我不知道在哪里添加它 我最近的尝试导致文本被修复 但导航栏的背景却没有
  • CSS3家谱,如何添加妻子

    我正在关注这个guide http thecodeplayer com walkthrough css3 family tree关于如何仅使用 CSS3 制作家谱 但我真的不知道如何结婚 To clarify What the codes
  • HTML 中的自定义自关闭/不配对标签?

    以下代码 jsfiddle http jsfiddle net CUZta var div document createElement div div innerHTML
  • IE7内容可编辑自动换行

    我有以下代码 div class editable This is test text This is test text This is test text This is test text This is test text Thih
  • 差异:查看页面源代码与在 Firebug 中查看

    当我查看页面的页面源时 例如 http my sa ucsb edu public curriculum coursesearch aspx http my sa ucsb edu public curriculum coursesearc
  • CSS 背景在 iOS 中拉伸以填充高度,但滚动上有空白

    这个 CSS 让我的背景在 iOS 中填充 100 的屏幕高度 但有一个小问题 当你向下滚动时 最初有空白 然后当你松开手指并停止滚动时 背景图像会 调整 并填充 100再次屏幕高度的 如果您继续滚动 该问题不会在同一页面上再次出现 只是第
  • height:100% 在 Internet Explorer 中不起作用

    我有一个关于 CSS 属性的问题height 100 在 Internet Explorer 中 height 100 在 IE 中不起作用 但在 Firefox 和 Chrome 中可以 HTML 文件 div ul ul div
  • Facebook Instant Game - 上传捆绑的 zip 文件会导致 Web 托管出现 SDK 参考错误

    当我尝试上传简单的游戏 应用程序时 我收到一条错误消息 游戏必须通过我们的 CDN 引用我们支持的 SDK 之一 不过我已经给出了 SDK 参考 难道不是这个吗 我也浏览了 facebook 文档的 SDK 参考 但它对我不起作用 有人以前
  • HTTPS 网站上的 ShareThis 按钮不可点击

    我已将 共享此 按钮添加到我的安全站点 现在单击它们时会产生错误 下面提到了错误 以前有人遇到过这个问题吗 阻止加载混合活动内容 http w sharethis com button buttons js http w sharethis

随机推荐

  • 成为万事通程序员的好处和优势? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我从事 Web 开发已有 10 年了 主要是 MS 堆栈 但也有一些 LAMP 如今 程序员的选择如此之多 而且就业市场似乎无处不在 在我再次深
  • 从 .xls 文件中读取图像及其位置的参考

    在我的一个项目中 我需要从 xls文件 对于每一行 有一列包含我需要读出的图像 看起来我可以一起读取所有图像 但是我怎样才能获得每个图像的位置 例如列号和行号 以便我可以将这些图像与其他数据关联起来 只要形状是图片 以下都是可能的 impo
  • 从异步 NSURLConnection 更新 NSmenu

    我正在编写一个小系统托盘应用程序 它从 API 获取数据并相应地更新其菜单 但在打开菜单时更新菜单时遇到问题 我什至不知道从哪里开始 所以让我们从头开始吧 我有一个习惯PNLinksLoader其职责是获取数据并解析它的类 void loa
  • 无法将 System.IO.Compression 添加到 SQL Server 中的受信任程序集

    我正在尝试在 NET 4 5 中创建一个 SQLCLR 存储过程来处理 ZIP 文件 明显地System IO Compression不在 SQL Server 的批准列表中 但这是我尝试通过 SQL Server Management S
  • 如何在iPhone SDK中检测PDF文档的方向

    我目前正在使用 CGPDFDocumnentRef 开发一个简单的 PDF 阅读器 当我尝试渲染纵向 PDF 文档时一切都很好 但是当我尝试在横向中渲染一个时 它会显示一个旋转的 PDF 文档 当然 当我在 pdf 阅读器的网络浏览器中查看
  • 如果最后评估的语句是 If 语句,Ruby 中会返回什么

    我的理解是 ruby 返回函数中计算的最后一个语句 如果函数以一个结尾怎么办if评估结果为 false 的语句 def thing input item input hi if item end end puts thing hi clas
  • Spring 5 Reactive - WebExceptionHandler 没有被调用

    我已经尝试了中建议的所有 3 个解决方案处理 spring webflux 中的错误的正确方法是什么 https stackoverflow com questions 43575538 what is the right way to h
  • 为什么python客户端收不到SSE事件?

    我有一个 python 客户端 使用 node js API 从服务器监听 SSE 事件 流程是我通过以下方式向 node js API 发送了一个事件call notification py并运行seevents py在循环中使用run
  • Numpy 矩阵乘法广播

    我有一个由 N 个 3x3 数组 矩阵的集合 尽管数据类型为 np ndarray 组成的数组 还有一个由 N 个 3x1 数组 向量的集合 组成的数组 我想要做的是将每个矩阵乘以每个向量 所以我期望得到 N 个 3x1 数组 简单的例子
  • 在我的案例中,如何将一种布局嵌入另一种布局?

    如果我有一个名为底部 xml 底部 xml 请参阅此文档重用布局 http android developers blogspot com 2009 02 android layout tricks 2 reusing layouts ht
  • MVC 4 razor 数据注释只读

    ReadOnly 属性似乎不在 MVC 4 中 Editable false 属性不能按我希望的方式工作 有类似的东西有效吗 如果不是 那么我如何制作自己的 ReadOnly 属性 其工作方式如下 public class aModel R
  • 当前位置更改时 MKRoute 更新 MKPolyline Overlay

    我用谷歌搜索了很多 但无法让它发挥作用 在我的 MKMapView 中 我有一个自定义 MKAnnotationView 我可以将其放置在任何地方 还有代表我当前位置的点 我可以 显示方向 计算自定义注释和当前位置之间的 MKDirecti
  • 将 unique_ptr 与 gsl_vector 结合使用

    我最喜欢的方面之一unique ptr是它提供的自动内存管理 我想用unique ptr与 GSL 向量之类的东西 然而 gsl vector有自己的释放内存的机制 gsl vector free 有没有办法强制唯一指针使用GSL的向量释放
  • 为什么 iostream 在 MCU 上占用如此多的闪存空间?

    我使用 GCC 5 2 0 编译 EFM32 MCU 基于 Cortex M 内核 的代码 当我想要时 我注意到代码大小急剧增加 include
  • iOS UrlSession.shared.dataTask 删除 utf-8“+”字符并替换为“”

    我正在使用 x www form endoded 数据创建对 API 的登录调用 我在 Postman 中创建了一个 POST 并收到了 200 回复 我使用Postman的导出功能生成Android的OKHTTP代码和iOS的NSURL代
  • 如何找到堆栈深度?

    我想用单元格替换以下函数调用 参考 从 C 中的任何线程获取调用堆栈 https stackoverflow com questions 1310669 get call stack from any thread within c int
  • 使用 Apache PDFBox 在 PDF 中查找 javascript 代码

    我的目标是提取和处理 PDF 文档可能包含的任何 JavasCript 代码 通过在编辑器中打开 PDF 我可以看到如下对象 402 0 obj lt JavaScript JS n r n Set day 25 r n FormRoute
  • RStudio 服务器上的 R Shiny 开发应用程序启动时 Shiny 崩溃

    我是Shiny的新手 但对R来说并不陌生 由于工作原因 我现在在RStudio服务器中进行R开发 它正在谷歌计算引擎上运行 如果这有什么不同的话 RStudio 服务器运行良好 但 Shiny 出现问题 安装闪亮后 我运行了示例命令 运行示
  • 如何使用内置的“排序”程序同时按两个字段(一个数字,一个字符串)排序?

    我有一个文件 可以说是 bigfile 其中包含以下形式的表格数据 a1 b2 a3 1b1 a2 c3 0 等等 我想在我的 Linux 机器上使用内置的 排序 程序 因此按第四个字段 数字 对该文件进行排序 然后同时按第一个字段排序 我
  • 有没有办法在 HTML 5 Web 音频 API 中检测音频频率?

    我想知道有没有一种方法可以检测 html 5 网络音频中麦克风的音频 我希望制作一个在线吉他调音器 并且我需要从声音输入获得以赫兹为单位的音频 我看到了一些均衡器和滤波器效果 但没有看到任何有关频率识别的内容 编辑 我找到了这个 http