仅以mp3格式创建HTML/Javascript音频播放器

仅以mp3格式创建HTML/Javascript音频播放器,javascript,audio,Javascript,Audio,我正在创建一个web音频播放器,每次加载页面并将文件添加到musicFile时,都会出现以下错误: 未能加载资源:net::ERR\u文件\u未找到 是因为我在使用fakepath目录吗 let count = 0; function getMusic() { let music = document.getElementById("musicFile").value; document.getElementById("con" + count).innerHTML = get

我正在创建一个web音频播放器,每次加载页面并将文件添加到
musicFile
时,都会出现以下错误:

未能加载资源:net::ERR\u文件\u未找到

是因为我在使用fakepath目录吗

let count = 0;

function getMusic() {
    let music = document.getElementById("musicFile").value;
    document.getElementById("con" + count).innerHTML = getHTML(music);
}

function getHTML(music) {
    let HTML0 = "<p style='text-align: center'>Song Name<br>Artist<br>Album</p>";
    let HTML1 = "<audio style='width: 190px' controls><source src='" + music + "' type='audio/mpeg'></audio>";
    return HTML0 + HTML1;
}
let count=0;
函数getMusic(){
让music=document.getElementById(“musicFile”).value;
document.getElementById(“con”+count).innerHTML=getHTML(音乐);
}
函数getHTML(音乐){
让HTML0=“

歌曲名
艺术家
专辑

”; 让HTML1=“”; 返回HTML0+HTML1; }
您没有指定后端代码。由于安全原因,您无法在客户端读取文件。

当您说“每次我加载页面并添加文件”时,您的意思是您试图使用
输入,将
类型设置为
文件,然后使用该文件设置音频?您想使用哪个文件?它存在吗?如果是,它是否在正确的目录中?如果它存在于正确的目录中,您是否在代码中为文件指定了正确的路径?