0

我目前正在尝试将wavesurfer.js实现到 Ember.js 组件中。到目前为止，我已经将它导入到我的ember-cli-build.js文件中，如下所示：

app.import('bower_components/wavesurfer.js/dist/wavesurfer.min.js');

然后在组件的 js 文件中，我试图通过在助手模板中包含的 div 上调用它来对其进行简单测试。

import Ember from 'ember';

export default Ember.Component.extend({
    didRender() {
        var wavesurfer = WaveSurfer.create({
            container: '#waveform',
            waveColor: 'violet',
            progressColor: 'purple',
            barWidth: 3,
            cursorWidth: 3,
            normalize: true
        });
        wavesurfer.load('assets/sound4.mp3');
    }
});

现在，当页面加载时，它显示 wavesurfer.js 滚动条，但没有其他内容。在控制台中它读取Cannot read property 'canvas' of undefined.

它似乎在2048wavesurfer.js 行出错，并出现以下错误：

entry.start = (entry.waveCtx.canvas.offsetLeft / totalWidth) || 0;


Uncaught TypeError: Cannot read property 'canvas' of undefined

任何帮助将不胜感激，因为我完全不知道应该做什么。

4

0 回答 0