custom appsmith component for wavesurfer audio player

gistfile1.js

import WaveSurfer from 'https://cdn.jsdelivr.net/npm/wavesurfer.js@7/dist/wavesurfer.esm.js';

appsmith.onReady(() => {
    const wavesurfer = WaveSurfer.create({
        container: '#root',
        waveColor: '#4F4A85',
        progressColor: '#383351',
        url: '[url with cors setup]',
    });
    document.getElementById('startButton').addEventListener('click', () => {
        wavesurfer.play();
    });
    document.getElementById('stopButton').addEventListener('click', () => {
        wavesurfer.pause();
    });
});