javascript – 寻求HTML5音频元素导致延迟(中断同步)

我正在为音乐家开发一个协作音频录制平台(类似于与GitHub结合的云DAW).
简而言之,会话(歌曲)由一系列音轨组成,以AAC编码并通过HTML5< audio>播放.元素.每个轨道通过MediaElementAudioSourceNode连接到Web Audio API,并通过一系列节点(此时获取和平移)路由到目标.到现在为止还挺好.

我能够在没有任何问题的情况下同步,暂停,停止和搜索它们,并成功实现了常见的静音,常见DAW的独奏功能,以及波形可视化和导航.这是播放部分.

至于录制部分,我将getUserMedia()的输出连接到MediaStreamAudioSourceNode,然后将其路由到ScriptProcessorNode,该ScriptProcessorNode使用web worker将记录的缓冲区写入数组.
当记录过程结束时,记录的缓冲区被写入PCM波形文件并上传到服务器,但同时,连接到< audio>.用于立即播放的元素(否则我将不得不等待将wav文件上传到服务器以供使用).

问题是：如果我从一开始就播放它们,我可以将录制的音轨与以前的音轨完美同步,但我无法正确搜索.如果我更改了新录制曲目的currentTime属性,它会变得混乱而且非常不同步 – 我重复说这只会在添加“本地”曲目时发生,因为其他曲目在我改变位置时表现得很好.

有没有人知道可能导致这种情况的原因？我能提供其他有用的信息吗？

先感谢您.

解决方法:

从根本上说,不能保证元素能够正确同步.如果您真的希望音频同步,则必须将音频文件加载到AudioBuffers中并使用BufferSourceNodes播放它们.

你会发现在一些相对简单的情况下你可以让它们同步 – 但它不一定适用于设备和操作系统,一旦你开始尝试寻找,就像你发现的那样,它会崩溃.将下载,解码和播放包装成一个步骤的方式不适合同步.

标签：javascript,html5,html5-audio,web-audio
来源： https://codeday.me/bug/20190703/1368540.html