Estoy creando un reproductor de audio usando wavesurfer.js. Hice una etiqueta de ancla y puse el enlace de la canción en el atributo href de ancla como este.

 <a href="songs/song5.mp3" class="btn songlink songBtn"><i class="fa fa-play fa-lg playbtn"></i></a>

Todo funciona bien, pero si instalo [IDM]. Comienza a descargar la canción y las canciones no se reproducen en el navegador. Entonces, ¿dónde debo poner el enlace de la canción para evitar la descarga?

aquí está mi código jQuery y el código html es el indicado anteriormente

 $(".player-playlist .songlink").click(function(){ songLink = $(this).attr('href'); wavesurfer = WaveSurfer.create({ container: '#playing-wave', waveColor: '#CCCCCC', progressColor: '#E64C51', barWidth:1, height:40, barGap:0, backgroundColor: 'transparent', cursorColor: 'transparent', plugins: [ WaveSurfer.minimap.create({ container: '#wave-minimap', waveColor: '#CCCCCC', progressColor: '#E64C51', barWidth:1, height:30, barGap:0, backgroundColor: 'transparent', cursorColor: 'transparent', }) ] }); });