Ember.js Uncaught TypeError: Cannot set property 'fillStyle' of undefined

Hey, so I’m trying to use WaveSurfer within my Ember.js project with no prevail(I doubt Ember is causing these issues).

I imported the latest version of wavesurfer.js through Bower, and then used this exact code in one of my templates:

    <div id="waveform"></div>
    <script>
        var wavesurfer = WaveSurfer.create({
            container: '#waveform',
            waveColor: 'red',
            progressColor: 'purple'
        });
        wavesurfer.load('assets/sound4.mp3');
    </script>

Now when I try to see if it works, my console errors saying Uncaught TypeError: Cannot set property 'fillStyle' of undefined.

Here’s what line in wavesurfer.js it’s erroring at:

    setFillStyles: function (entry) {
        entry.waveCtx.fillStyle = this.params.waveColor; <--- HERE
        if (this.hasProgressCanvas) {
            entry.progressCtx.fillStyle = this.params.progressColor;
        }
    },

[davidchalifoux]

Hey, I just tried out the 2.0 beta and it’s working great! Good work!

[agamemnus]

Thank you. This was exactly the problem!