在safari上完成加载之前,wavesurfer.js没有播放

时间:2017-12-16 06:34:19

标签: audio safari

我已经设置了waveurfer音频模型,它在chrome和firefox上运行得非常好。它马上开始。当我想要在safari上播放时它会等待整个文件被完整下载并且只有它播放...我在其他页面上遇到了类似的问题,我在Safari上打开了....任何想法,为什么会出现这种情况,反对呢?

    audioModel = WaveSurfer.create({
    container: createdContainer,
    waveColor: waveColor,
    progressColor: waveColorProg,
    height: height,
    backend: 'MediaElement',
    cursorWidth:0,
  });

1 个答案:

答案 0 :(得分:0)

这可能是错误https://github.com/katspaugh/wavesurfer.js/issues/1215

尝试DrLongGhost建议的变通方法,该方法在Safari中使用MediaElement(仅)。其他浏览器与WebAudio后端配合使用效果更好。 https://github.com/katspaugh/wavesurfer.js/issues/1215#issuecomment-415083308

// Only use MediaElement backend for Safari
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '') ||
      /iPad|iPhone|iPod/i.test(navigator.userAgent || '');

const wavesurferArgs = {
      container: document.getElementById('wavesurferContainerInternal'),
      plugins
};
if (isSafari) {
      wavesurferArgs.backend = 'MediaElement';
}
_wavesurfer = window.WaveSurfer.create(wavesurferArgs);

更新:啊,您已经在使用MediaElement。我们不确定是什么问题。