使用本地文件作为<audio> src </audio>

Question

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

Answer 1

我可以想到两种方式。

在音频标记内：

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

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

HTML：

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

JS：

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