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

Question

是否可以使用用户硬盘中的音频文件作为srcHTML5 <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]);