0

これがjsfiddleです：http：//jsfiddle.net/webmagnets/snGY4/

サークル再生ボタンをクリックすると、音声が2回再生されます。

これがhtmlです：<i class="icon-play-circle" />

jqueryコードは次のとおりです。

   $("i.icon-play-circle").click(function(){
    var word = "你好"
    var url = 'http://apifree.forvo.com/key/b1b0641fac44c20e42373e0af5d05325/format/json/callback/pronounce/action/standard-pronunciation/word/'+encodeURI(word)+'/language/zh';
    $.ajax({
        url: url,
        jsonpCallback: "pronounce",
        dataType: "jsonp",
        type: "jsonp",
        success: function (json) {
       var mp3 = json.items[0].pathmp3;
       var ogg = json.items[0].pathogg;
       var sound = '<audio autoplay="true"><source src='+mp3+'</source><source src='+ogg+'</source></audio>';
       $('body').append(sound);
   },
    error: function(){
        console.log("error");
}});
});

//上記のAPIキーはフリースローです。

誰かがこの問題のトラブルシューティングを手伝ってくれますか？

4

1 に答える 1

0

これが私のために働いた結果です：http：//jsfiddle.net/webmagnets/snGY4/3/

html：

<i class="icon-play-circle" />
<audio>
    <source id='mp3' src='' />
    <source id='ogg' src='' />
</audio>

javascript：

       $("i.icon-play-circle").click(function(){
        var word = "你好";
        var url = 'http://apifree.forvo.com/key/b1b0641fac44c20e42373e0af5d05325/format/json/callback/pronounce/action/standard-pronunciation/word/'+encodeURI(word)+'/language/zh';
        $.ajax({
            url: url,
            jsonpCallback: "pronounce",
            dataType: "jsonp",
            type: "jsonp",
            success: function (json) {
           var mp3 = json.items[0].pathmp3;
           var ogg = json.items[0].pathogg;
           var sound = '<audio autoplay="false"><source src='+mp3+' type="audio/mpeg"</source><source src='+ogg+' type="audio/ogg"</source></audio>';
                $('audio:first-child').attr('src',mp3);
                $('audio:last-child').attr('src',ogg);
                $('audio')[0].play();
       },
        error: function(){
            console.log("error");
    }});
    });



//above api key is a free throw away.
于 2013-01-26T22:45:31.333 に答える