Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么我的音频自动播放两次?_Javascript_Jquery_Html5 Audio - Fatal编程技术网

Javascript 为什么我的音频自动播放两次?

Javascript 为什么我的音频自动播放两次?,javascript,jquery,html5-audio,Javascript,Jquery,Html5 Audio,下面是一个JSFIDLE: 单击“循环播放”按钮时,音频播放两次 以下是html: 以下是jquery代码: $("i.icon-play-circle").click(function(){ var word = "你好" var url = 'http://apifree.forvo.com/key/b1b0641fac44c20e42373e0af5d05325/format/json/callback/pronounce/action/standard-pronun

下面是一个JSFIDLE:

单击“循环播放”按钮时,音频播放两次

以下是html:

以下是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");
}});
});
$(“i.icon-play-circle”)。单击(函数(){
变量字=”你好"
var url='1〕http://apifree.forvo.com/key/b1b0641fac44c20e42373e0af5d05325/format/json/callback/pronounce/action/standard-pronunciation/word/'+encodeURI(word)+'/language/zh';
$.ajax({
url:url,
jsonpCallback:“发音”,
数据类型:“jsonp”,
类型:“jsonp”,
成功:函数(json){
var mp3=json.items[0].pathmp3;
var ogg=json.items[0].pathogg;

var sound='这就是最终对我起作用的原因:

html:


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.
$(“i.icon-play-circle”)。单击(函数(){
变量字=”你好";
var url='1〕http://apifree.forvo.com/key/b1b0641fac44c20e42373e0af5d05325/format/json/callback/pronounce/action/standard-pronunciation/word/'+encodeURI(word)+'/language/zh';
$.ajax({
url:url,
jsonpCallback:“发音”,
数据类型:“jsonp”,
类型:“jsonp”,
成功:函数(json){
var mp3=json.items[0].pathmp3;
var ogg=json.items[0].pathogg;
瓦尔桑德酒店
       $("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.