0

ここで見つけたいくつかの JSFiddles をフォークして、次の 2 つのスクリプトを作成しました。

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");
});

私は限られた経験で、これら 2 つの例を組み合わせようとしましたが、うまくいきませんでした。私が実現したいのは、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 に答える