I have a list of editable caption blocks - where users can add/remove caption blocks + in each block they can type/delete text too.
I want to:
Here is a sample of my code.
// Create a wavesurfer object
var wavesurfer = WaveSurfer.create({
container: document.getElementById("waveform"),
// Visual preferences & settings
waveColor: '#242844',
progressColor: 'yellow',
backgroundColor: "white",
barWidth: 1,
hideScrollbar: true,
scrollParent: true,
partialRender: true,
interact: false,
plugins: [
WaveSurfer.timeline.create({
container: document.getElementById("timeline")
}),
WaveSurfer.regions.create({
regionsMinLength: 2,
regions: []
})
]
});
wavesurfer.load('https://ia800508.us.archive.org/15/items/LoveThemeFromTheGodfather/02LoveThemeFromTheGodfather.mp3');
wavesurfer.regions.disableDragSelection()
wavesurfer.setVolume(0)How can I create this functionality?