Блог

Поэтому я пытаюсь использовать плагин регионов из wavesurfer.js, но он продолжает выдавать мне эту ошибку в браузере

Неперехваченная ошибка типа: Не удается прочитать свойство «создать» неопределенного

Вот как выглядит код:

 const initializeWavesurfer = () => {
    return WaveSurfer.create({
        container: "#waveform",
        responsive: true,
        height: 80,
        waveColor: "indigo",
        progressColor: "purple"
})
}

const wavesurfer = initializeWavesurfer();

var RegionsPlugin = window.WaveSurfer.regions;

wavesurfer.addPlugin(RegionsPlugin.create({
    regionsMinLength: 2,
    regions: [
        {
            start: 1,
            end: 3,
            loop: false,
            color: 'hsla(400, 100%, 30%, 0.5)'
        }, {
            start: 5,
            end: 7,
            loop: false,
            color: 'hsla(200, 50%, 70%, 0.4)',
            minLength: 1,
            drag:true
        }
    ],
    dragSelection: {
        slop: 5
    }
})).initPlugin('regions');

 

wavesurfer.js Файл импортируется следующим HTML file образом

 <script src="https://unpkg.com/wavesurfer.js@5.2.0/dist/wavesurfer.js"></script>
 

Кроме того, я попытался импортировать regions plugin

 <script src="https://unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.regions.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/5.2.0/plugin/wavesurfer.regions.js"></script>
 

Все остальное работает, кроме плагинов. Я пробовал и другие плагины, но с тем же результатом.
Я думаю, что перепробовал все, что мог найти в Интернете, чтобы заставить это работать, но безрезультатно.
Пожалуйста, помогите и заранее благодарю вас!