Wavesurfer-js寻找峰值与服务器端生成问题

时间:2019-11-12 17:00:49

标签: wavesurfer.js

我对waveurfer(版本3.2.0)有一个奇怪的问题。我播放mp3文件(-ab 64k -ar 32k,由ffmpeg生成),由于必须处理长音频文件,因此我使用audiowaveform命令行工具(--pixels-per-second 25 -b 16)生成了峰值服务器端。 / p>

播放器加载正常,但是寻道不是很准确。在下面的屏幕中,您可以看到一旦执行seekAndCenter(1)会发生什么。 enter image description here

enter image description here

我的初始化选项是:

var options = {
             container: '#waveform',
             height: waveHeight,
             waveColor: waveColor,
             progressColor: progressColor,
             backend: 'MediaElement',
             normalize: true,
             dragSelection: false,
             minPxPerSec: 25,
             pixelRatio: 1,
             scrollParent: true,
             plugins: [
                 WaveSurfer.regions.create(),
                 WaveSurfer.minimap.create({
                     container: '#wave-minimap',
                     height: minimapHeight,
                     waveColor: minimapWaveColor,
                     progressColor: minimapProgressColor,
                     cursorColor: cursorColor
                 }),
                 WaveSurfer.timeline.create({
                     container: '#timeline',
                     formatTimeCallback: formatTimeCallback,
                     timeInterval: timeInterval,
                     primaryLabelInterval: primaryLabelInterval,
                     secondaryLabelInterval: secondaryLabelInterval
                 })
             ]
         };

该问题已在Google Chrome浏览器中找到。它可以在Firefox上运行。

我的参数有问题吗?谁能帮我吗?

谢谢, 劳拉

更新: 我做了一些步骤,将forceDecode参数设置为“ true”,波形是准确的,并且搜索可以,但是波形加载需要很长时间(最多25秒)。

0 个答案:

没有答案