Question

我有一个HTML音频标签和一个HTML文件输入标签，如下所示。我希望用户使用“上传文件”按钮从计算机中选择一首歌曲，然后使用音频标签播放。

<audio id="audio">
    <source src="" id="thesource" />
</audio>
<input type="file" id="upload" title="Upload File" />

如何让用户从他们的计算机上传音频文件并进行播放？这必须在本地完成，因为它正在我正在创建的可下载的Web应用程序中使用。

编辑：我最初的问题是如何将图像上传器工作，并将跨浏览器转换为音频上传器。很久以前，经过大量艰苦的工作并重新发现过去的项目，我开发了一种方法。现在，在我最初提出这个问题近一年之后，我觉得因为没有早点实现这个答案而感到愚蠢。对于任何需要此功能的人，我在下面发布了答案。

Answer 1

我原本说没有答案 - 我错了。我找到了答案。

function handleFiles(event) {
	var files = event.target.files;
	$("#rlly").attr("src", URL.createObjectURL(files[0]));
	document.getElementById("rllly").load();
}

document.getElementById("rll").addEventListener("change", handleFiles, false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="rll" />
<audio id="rllly" controls>
  <source src="" id="rlly" />
</audio>

这正是我想要的 - 它允许上传任何音频文件并播放它。哇！我回答了自己的问题！尝试在代码段中上传计算机上的所有音乐。

上传和播放音频文件JS

1 个答案: