wavesurfer.js Markers

var wavesurfer = WaveSurfer.create({
    container: document.querySelector('#waveform'),
    plugins: [
            WaveSurfer.markers.create({
                markers: [
                    {
                        time: 5.5,
                        label: "V1",
                        color: '#ff990a'
                    },
                    {
                        time: 10,
                        label: "V2",
                        color: '#00ffcc',
                        position: 'top'
                    }
                ]
            })
    ]
});

Fork me on GitHub