- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试了音频html标签,tonejs,音频网络api,并且在Android和PC的浏览器(Chrome浏览器)上仍然有大约110毫秒的时间。
我看到有这个JavaScript音频worlet(super()),但我不知道在此过程中是否可以播放样本
最佳答案
是的,AudioWorklet的延迟将小于3ms(128个样本/ 48,000hz = 2.67ms),并且可以通过将解码的PCM样本发送到process()
的输出缓冲区中来充当播放器。 AudioWorklets在浏览器中不受广泛支持,因此 AudioBuffer
是一个很好的跨浏览器替代方案,并且效果很好。
本示例加载一堆音频文件并立即在它们之间切换播放:https://opus-bitrates.anthum.com
audio-player-worklet.js
class AudioPlayer extends AudioWorkletProcessor {
decodedAudio // Float32Array data to play (interleaved or separate)
constructor() {
super()
// set audio to play when received from main/worker thread
this.port.onmessage = ({ data: { decodedAudio } }) => {
this.decodedAudio = decodedAudio
}
}
process(inputs, outputs) {
if (this.decodedPCMAudio) {
// copy 128 samples from decodedAudio to outputs channels
}
// run process() again for next 128 samples
return true
}
}
registerProcessor('audio-player', AudioPlayer)
关于javascript - AudioWorklet是否在PC和Android上播放Chrome声音时延迟最小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61234451/
由于旧的 Webaudio 脚本处理器自 2014 年以来已被弃用,而 Audioworklets 出现在 Chrome 64 中,我决定尝试一下。但是我在移植我的应用程序时遇到了困难。我将从一个不错
我有兴趣在 Javscript 中连续读取麦克风音量。 StackOverflow 上的许多现有解决方案(参见 here 、 here 和 here )利用 BaseAudioContext.crea
我有从服务器到客户端的音频数据流。它以 Node.js 缓冲区(Uint8Array)开始,然后通过 port.postMessage() 发送到 AudioWorkletProcessor,在那里它
我正在开发一个 WebAudio 应用程序,它需要 AudioWorklets 并且需要来自许多不同脚本的函数以用于 process() 函数。因此,我尝试使用 import 命令在 processo
我正在记录来自用户的麦克风输入并进行处理。问题是我使用scriptProcessorNode来处理数据,但是here它说它已被弃用并替换为 AudioWorklet问题是没有明确的方法可以用 Audi
我正在尝试使用 new AudioContext(). audioWorklet.addModule(URL.createObjectURL(blob))加载,但是控制台提示错误:跨源,如果是file
我正在尝试利用 FFMPEG 拥有的大量音频过滤器,看看是否可以直接在自定义 AudioWorklet 中使用它们,这样我就不必为每个过滤器重新发明轮子。我遇到的一个选择是将 AVFilter 库转换
我正在尝试在我的 Electron 应用程序中使用 AudioWorklet 进行计量等,当在开发模式下执行时工作正常,其中工作集由快速开发服务器(如 http://localhost:3000/pr
在开发模式下启动应用程序时没有问题,在构建时出现错误... private record(mediaStream: MediaStream): void { this.audioContext
我正在尝试使用 vue-cli 创建一个使用 AudioWorklet 的 Web 应用程序,但是在尝试访问我的 AudioWorkletNode 的任何属性(如端口或 channel 计数等)时我遇
我是一名优秀的程序员,十分优秀!