javascript - 使用本地文件作为 src

Question

是否可以使用用户硬盘中的音频文件作为 src HTML5 的属性 <audio>标签？也许通过 <input type="file" /> ？这在生产中可能不是特别有用，但我仍然很好奇它是否可以完成。

Answer 1

我可以想到两种方法。

在您的audio 标签内:

src="file:///C:/.../file.mp3"

或者您可以通过文件 API 使用 Blob。

HTML:

<input type="file"></input>

JS:

audio.src = URL.createObjectURL(document.getElementsByTagName('input')[0].files[0]);