I want to use wavesurfer.js and use the <wavesurfer> tag, but I do not know how and whatever I do, the sound does not load.
<wavesurfer
data-url="http://127.0.0.1:8000/media/post/audio/4095c5f534c74f10951da8259772b549.mp3"
data-plugins="minimap,timeline"
data-minimap-height="30"
data-minimap-wave-color="#ddd"
data-minimap-progress-color="#999"
data-timeline-font-size="13px"
data-timeline-container="#timeline"
></wavesurfer>
<div id="timeline"></div>
where is the problem?
If you are using react then you will have to install dependency of 'wavesurfer-react' using
npm install wavesurfer-react
You can import it in you jsx file using
import {WaveForm, WaveSurfer} from "wavesurfer-react";
Now WaveSurfer tag will be accessible in your code. Hope this helps!