Regions plugin "Generic events - out" doesn't fires.

Generic events in - When playback enters the region. - that works fine. out - When playback leaves the region. - that doesn’t.

region_info.on('in',() => { console.log('start') }); // awesome region_info.on('out',() => { console.log('stop') }); // sucks

Any ideas?

[mspae]

Can’t reproduce. This works fine for me

    // Init
    wavesurfer = WaveSurfer.create({
        container: document.querySelector('#waveform'),
        waveColor: '#A8DBA8',
        progressColor: '#3B8686',
        backend: 'MediaElement',
        plugins: [
            WaveSurfer.regions.create({
                regions: [
                    {
                        start: 1,
                        end: 3,
                        color: 'hsla(400, 100%, 30%, 0.5)'
                    }, {
                        start: 5,
                        end: 7,
                        color: 'hsla(200, 50%, 70%, 0.4)'
                    }
                ],
                dragSelection: {
                    slop: 5
                }
            })
        ]
    });

    wavesurfer.on('region-created', function (region) {
        region.on('in', function(e) {
          console.log('in ', region.id);
        });
        region.on('out', function(e) {
          console.log('out ', region.id);
        });
    });

    // Load audio from URL
    wavesurfer.load('../media/demo.wav');

[PaulLerner]

Hello, do you have any hints on how to fix this issue ? I’m having the same problem in gecko : https://github.com/gong-io/gecko/issues/27 (we closed the issue because we found some trick but it’s not really satisfying)

I encounter the same problem that sometimes the region ‘out’ event doesn’t fire when audio region finishes playing. It happened when I set the region to be between two decimal numbers, like start = 165.69 end = 169.44 I believe this happens because the plugin use

this.end <= Math.round(time * 100) / 100)

as condition to fire out event. It would sometimes round the actually end time to be a bit lower than the specified end time which then cause this issue.

ps. sorry but somehow my github don’t let me insert code or use markdown

I’m not sure this is the cause of the bug, Math.round(169.44 * 100) / 100 gives 169.44

Bests,