我在使用 Wavesurfer 的网络项目中遇到了障碍。我已经在我的项目中安装了 wavesurfer.js 和 react-wavesurfer 作为节点模块。Wavesurfer.js 似乎工作正常,但 react-wavesurfer 似乎遇到了我发现难以调试的问题。以下代码:
import React from "react";
import WaveSurfer from "wavesurfer.js"
import ReactWavesurfer from "react-wavesurfer";
class Waveform extends React.Component {
makeWave() {
var wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: 'red',
progressColor: 'purple'
});
wavesurfer.load('path/to/mp3');
};
render() {
this.makeWave();
return (
<div>
<ReactWavesurfer
audioFile={'path/to/mp3'}
/>
</div>
);
}
}
export default Waveform;
仅生成调用 this.makeWave() 的第一个波形。尝试创建 React 波形时返回错误:Uncaught TypeError: this._wavesurfer.init is not a function
. 我正在使用 browserify 来捆绑我的 javascript 依赖项。
任何帮助将非常感激!