audio source in html

I want to add song to my music player when click on "add song" but when we enter a urlf audio from internet in song src field it doesn't work. Any solution?? I am sharing my JavaScript code

e.preventDefault()
var music = {
    name: document.getElementById("nam").value ,
    source:document.getElementById("sorc").value,
    cover:document.getElementById("img_src").value
}

document.querySelector('form').reset();
songs.push(music)
console.log(songs)
coverImg.style.display= "block";
document.getElementById("nam").style.display="none";
document.getElementById("btn").style.display="none";
document.getElementById("sorc").style.display="none";
document.getElementById("img_src").style.display="none";
alert("√Successfully Added \\n √Click on File Button to Add Again");
document.getElementById('btn').addEventListener('click',addSongs)