Question

enableDragSelection似乎不起作用。我正在

Uncaught TypeError: Cannot read property 'addEventListener' of undefined
    at e.value (wavesurfer.regions.min.js:1)
    at t.enableDragSelection (wavesurfer.regions.min.js:1)
    at <anonymous>:1:31

我做错了什么？可重现的示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/3.0.0/wavesurfer.min.js"></script>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/3.0.0/plugin/wavesurfer.regions.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div id = 'meu_ws'></div>

    <script>
        var wsf = WaveSurfer.create({
            container: '#meu_ws'
        });
        wsf.load('https://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3');

        var RegionsPlugin = window.WaveSurfer.regions;
        wsf.addPlugin(
          RegionsPlugin.create({})
        );

        wsf.addRegion({
          start: 1,
          end: 4,
          color: 'hsla(400, 100%, 30%, 0.1)'
        });

        wsf.enableDragSelection({});
    </script>
</body>
</html>

Wavesurfer.js-enableDragSelection-无法读取未定义的属性'addEventListener'

0 个答案: