问题标签 [audiocontext]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1222 浏览

javascript - AudioContext createMediaElementSource 从视频从 blob 获取数据

在 javascript 中,如何将音频上下文连接到从 blob 获取其数据的视频(视频使用 MediaStream 功能)。无论我做什么,音频上下文都会返回一个空缓冲区。有什么办法可以将两者联系起来吗?

0 投票
1 回答
309 浏览

javascript - 在元素的悬停状态下播放声音时出现多个 AudioContext 错误

当我悬停一个项目时,我正在尝试播放声音并可视化频率(通过 D3.js)。问题是当我从一个项目跳转到另一个项目时出现此错误:

这是我的代码:

我已经尝试了很多东西,但没有任何效果,非常感谢任何帮助!谢谢!

0 投票
0 回答
868 浏览

audio - 在不改变剪辑音高的情况下改变音频文件的速度

我创建了一个使用网络音频的音频上下文实例,并将音乐文件作为音频缓冲区加载到其中,我现在可以播放歌曲,我的问题是:有什么方法可以通过任何节点设置音频源(音频缓冲区)的速度和相应地玩?

我试过了

上面的问题是,它正在改变音频文件的音高,如何在不改变音高的情况下改变速度?

0 投票
1 回答
265 浏览

javascript - 如何在 Microsoft Edge 中发布 AudioContext?

Microsoft Edge是否有任何等效于AudioContext.close()的方法?有没有办法释放AudioContext或者这不是必需的?在 Google Chrome 中,它会停止“录制”指示器。它如何在 Microsoft Edge 中翻译?

0 投票
1 回答
105 浏览

uwp - Web Audio API 是否适用于 UWP 应用程序?

我阅读以查看浏览器是否支持 Web Audio API 的方法之一是使用以下代码:

UWP 具有音频上下文对象,但我在音频流的可视化方面面临一些奇怪的限制。我得到了一个官方演示 Web 应用程序,但适用于 Microsoft Edge,我认为它也可以在 UWP 中运行。这是一个正确的假设吗?我应该尝试不同的框架吗?

0 投票
0 回答
194 浏览

javascript - JavaScript AudioContext 和 SoX 的 MP3 解码有区别吗?

我使用 AudioNode 来解码我网页上的 MP3 文件。我使用的工具是Plucked。我还用 SoX 编辑我的 MP3 文件。

因为结果不同,所以我用一个 MP3 文件(xx.mp3)做了一个测试。我通过Plucked( AudioNode.AudioContext.decodeAudioData() )获得了 xx.mp3 的信息:

然后我运行sox xx.mp3 -n stat

Sample Rate 的两个结果都是:44100

为什么结果不一样?

我用下面的例子再次测试:https ://github.com/mdn/decode-audio-data

样本号的结果又是 46731。

我用其他工具测试,比如Audacity,数字是49536。

所以我认为 JavaScript 有问题AudioContext decodeAudioData()

更新:

不同浏览器的结果如下:

Safari(OS X):46731

铬(OS X):46731

火狐(OS X):47855

铬(Win7):50863

Safari(iOS 9):46731

我在 Node.js 中使用web-audio-api再试一次。

结果AudioNode.AudioContext.decodeAudioData()49536

我真的不知道为什么...

0 投票
0 回答
150 浏览

javascript - 从流式源通过 AudioContext 路由时,音频元素无法播放

我不确定这是否是 Firefox 和 Chrome 的一些奇怪限制,但两者都会播放数据,并且当在 Icecast 服务器的 stream.ogg 上使用 AudioContext 代码时,音频都无法播放,并且分析仪数据全为零。但是,如果没有 AudioContext 代码,它就可以正常播放。

音频元素的控件显示它正在接收数据,至少在 Firefox 中,mozGetMetadata() 函数显示准确的曲目信息。

我最好的猜测是它似乎与它不知道完整的文件大小/轨道长度有关。

编辑:原来这是一个跨域问题,即使它是同一个域,只是一个不同的端口。并且仅在使用音频上下文时才会影响事物。Alexey 指出了这一点,我把它全部推到同一个端口上,它开始工作了。如果只有浏览器会在开发控制台中报告类似的内容,那将解决这么多令人头疼的问题。

0 投票
1 回答
447 浏览

google-chrome - Chrome:更改音频元素和 MediaStreamAudioDestinationNode 的音频源时声音错误

我有一个应用程序,我可以在其中播放不同的代码生成的声音。我将这些声音放在AudioBufferSourceNode 中。 我允许用户选择通过什么输出设备来播放声音,所以我使用MediaStreamAudioDestinationNode并将其流用作音频元素的源。这样,当用户选择音频输出来播放声音时,我将 Audio 元素的 Sink Id 设置为请求的音频输出。

所以我有 AudioBufferSourceNode -> 一些音频图(增益节点等) -> MediaStreamAudioDestinationNode -> 音频元素。

当我播放第一个声音时,它听起来不错。但是,当我创建一个新源并将其连接到同一个 MediaStreamAudioDestinationNode 时,声音以错误的音高播放。

我创建了一个显示问题的小提琴。

这是一个错误,还是我做错了什么?

0 投票
1 回答
96 浏览

javascript - 将代码转换为 JS 对象文字模式

我想开始编写更好的代码,并且我已经明白将与特定功能相关的所有内容放在对象中是一个好主意。

编辑:我试图在@SoftwareEngineer171 的回答中采纳这个概念。现在我有这个:

但它不起作用。谁能解释为什么?

我想将此代码用作应用程序的一部分,但放在对象文字中:

但是,当我尝试过时,我遇到了这里提到的那种问题。

我希望代码像这样开始:

像往常一样非常感谢任何帮助。

0 投票
1 回答
1049 浏览

javascript - 分析器栏动画 HTML 音频 API 不起作用

我使用音频 api 的 js 代码来可视化我的 html5 音频,效果很好这里是教程/代码

链接:https ://www.developphp.com/video/Jav...o-API-Tutorial

它工作得很好,但是当我使用外部链接更改 src 时出现问题,例如:

src=" http://example.com/file.mp3 "

音频不发出声音并且可视化不显示,尽管当我删除可视化代码时它正常工作......我尝试改变

播放了音频但仍然没有可视化..我不知道我能做什么?