Javascript 加载本地音频文件并使用audio（）播放

我试图通过（input:file）元素加载本地音频文件，当我将其作为对象传递给音频构造函数audio（）时，它不会加载/播放

文件对象参数和方法：

lastModified: 1586969070000
lastModifiedDate: Wed Apr 15 2020 18:44:30 GMT+0200 (Central European Summer Time) {}
name: "audio.mp3"
size: 15235482
type: "audio/mpeg"
webkitRelativePath: ""

我试着只给出名称、相对路径，但似乎没有任何效果

Js代码

var track = new Audio(file Object);
track.play();

当我尝试排除故障时：

console.log(track);

<audio preload="auto" src="[object File]">
#shadow-root (user-agent)
</audio>

虽然在我开始这个项目之前，我做了一个小测试，它工作得很好，但现在它不。。。 任何帮助都将是令人惊讶的，谢谢你以另一种方式工作。 您必须添加您的文件，然后捕获他的节点（输入），并从中创建URL。此URL与普通URL类似，但与本地文件一起使用

对不起，这是一个糟糕的解释，在这里你可以阅读更多

我也创建了一个片段。选择本地文件->将SRC添加到“播放器”->单击播放btn

const btn=document.querySelector（“#btn”）；
const yourMusic=document.querySelector（“yourMusic”）；
btn.addEventListener（“单击”，（）=>{
让music=document.querySelector（#file”）.files[0]；
yourMusic.src=URL.createObjectURL（音乐）；
})；

添加到播放器

var track=new Audio（file Object）；

-错误方法。必须将URL插入新的音频构造函数，而不是文件Object@DimaVak这就是重点。我在这里加载一个带有（输入：file）的文件，因此我无法访问真实的文件URL，尽管有一个相对的URL，但它显示为空字符串“”…这是否回答了您的问题？

GET http:// **Local IP** /[object%20File] 404 (Not Found)
index.html:1 Uncaught (in promise) DOMException: Failed to load because no supported source was found.