0

我已经分叉了我在这里找到的几个 JSFiddles 来提出以下两个脚本：

http://jsfiddle.net/M555r/ - 带有按键输入框以加载新页面的 Javascript Web 浏览器

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

http://jsfiddle.net/Z3VrV/ - 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 示例，我想要实现的是一个音频播放器，您可以在其中输入源代码，并且播放器源代码会自动更新。

感谢您提供任何建议，特别是如果您可以向我展示 JSFiddle 中的工作示例。

谢谢！

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

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();

在我看来这是有道理的，但是我不确定正确的语法等

4

1 回答 1

0

把它放在一个答案中：

这是代码：

HTML：

<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>

JS：

$('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();
}

看这里

于 2013-02-17T12:31:03.110 回答