Javascript 如何使用KeyUp设置此输入框以加载HTML5音频源？

我在这里找到了几个jsfiddle，并提出了以下两个脚本：

-带有向上键输入框的Javascript web浏览器，用于加载新页面

$('input#url').on('propertychange paste keyup',function(){
      var url = this.value;
        $('#frame').attr('src', "http://"+url);
        });
        $('input#url').keyup();

-HTML5音频播放器，带有鼠标悬停框，可更改源代码

function changeAudio(song){
    audio = document.getElementById("sound1");
    audio.src = song;
    audio.load();
    audio.play();
}

$("#changemytune").mouseenter(function () {
    changeAudio("http://jeffrey-way.s3.amazonaws.com/zelda.ogg");
})

                .mouseleave(function () {
    changeAudio("http://www.jezra.net/audio/skye_boat_song.ogg");
});

以我有限的经验，我试图将这两个例子结合起来，但没有成功。我想要实现的是一个音频播放器，您可以在其中键入源代码，播放器源代码会自动更新，如iframe示例所示

任何建议都将不胜感激，特别是如果您能用JSFIDLE向我展示一个工作示例的话

谢谢大家!

编辑： 我尝试过脚本编写，例如：

function changeAudio(song){
    audio = document.getElementById("sound1");
    audio.src = song;
    audio.load();
    audio.play();
}

$('input#url').on('propertychange paste keyup',function(){
    changeAudio(url);
})

});

$('input#url').keyup();

---

在我看来，这是有道理的，但是我不确定正确的语法等等，用一个答案来说：

代码如下：

HTML:

---

请参见

这不是一个“请为我编码”平台。您必须编写自己的代码，如果其中包含错误，我们将乐于提供帮助you@cIph3r我用我尝试过的一种可能性编辑了我的问题。这是令人沮丧的，因为这些步骤看起来很简单，但我不确定需要如何引用。谢谢你的回复！好啊我也很好奇，所以我实现了：玩得开心

<input type="text" id="url" name="url" value="" />

<br><br>

<audio id="sound1" preload="auto" src="http://www.jezra.net/audio/skye_boat_song.ogg" autoplay controls></audio>

    <div id="status">status</div>

$('input#url').on('propertychange paste keyup',function(){

  var url = this.value;

   $("#status").html(url);
    changeAudio(url);
});

function changeAudio(song){
    audio = document.getElementById("sound1");
    audio.src = song;
    audio.load();
    audio.play();
}