Uncaught TypeError: Cannot read properties of undefined (reading 'create')

[soohan99]

<title>WaveSurfer.js Record</title> <script src="https://unpkg.com/wavesurfer.js@7"></script> <script src="https://unpkg.com/wavesurfer.js@7/dist/plugins/record.min.js"></script> <style> #mic { width: 100%; height: 200px; border: 1px solid #ccc; } </style>

Record Stop

<script>
    const wavesurfer = WaveSurfer.create({
        container: '#mic',
        waveColor: 'rgb(200, 0, 200)',
        progressColor: 'rgb(100, 0, 100)',
    });

    const recordPlugin = WaveSurfer.record.create({
        renderRecordedAudio: false,
    });

    wavesurfer.registerPlugin(recordPlugin);

    recordPlugin.getAvailableAudioDevices().then((devices) => {
        const micSelect = document.querySelector('#mic-select');
        devices.forEach((device) => {
            const option = document.createElement('option');
            option.value = device.deviceId;
            option.text = device.label || `Device ${device.deviceId}`;
            micSelect.appendChild(option);
        });
    }).catch((error) => {
        console.error('Failed to get audio devices:', error);
    });

    const recordButton = document.getElementById('record');
    const stopButton = document.getElementById('stop');

    recordButton.addEventListener('click', () => {
        recordButton.disabled = true;
        stopButton.disabled = false;

        const deviceId = document.querySelector('#mic-select').value;
        recordPlugin.startRecording({ deviceId }).then(() => {
            console.log('Recording started');
        });
    });

    stopButton.addEventListener('click', () => {
        recordPlugin.stopRecording();
        recordButton.disabled = false;
        stopButton.disabled = true;
        console.log('Recording stopped');
    });
</script>

Uncaught TypeError: Cannot read properties of undefined (reading 'create')
I want to use record plugin as a CDN method, can I know the reason why this error occurs?

[katspaugh]

It should be WaveSurfer.Record, not WaveSurfer.record.