javascript - 将新文件加载到HTML的音频元素中

Question

我一直在开发一个Web应用程序，允许用户标记和标记要从中播放的mp3的某些部分，作为该应用程序的一部分，我需要允许用户加载新文件，然后可以在浏览器中播放。我一直在尝试使用HTML中的文件和音频元素，但是我可以找到一种方法，使新选择的文件实际上成为音频元素的新来源。例如，我尝试过:

<audio id="song" controls>
  <source src="C:\Users\dalzinm\Downloads\Jaco.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<input type="file" id="myFile" name="theFile"/>

<script>

var input = document.getElementById("myFile");
input.onclick = function ()
{
    this.value = null;
};

input.onchange = function ()
{
    var song = document.getElementById("song");
    song.pause();
    song.src=input.value;
    song.load();
    song.play();
};

</script>

但这似乎给了我一个错误，我现在可以确定我还能怎么做。任何帮助将不胜感激，谢谢!

Answer 1

您不能只使用本地网址作为源。相反，您可以使用this article中的readURL函数。