Javascript 为什么我的音频自动播放两次?
下面是一个JSFIDLE: 单击“循环播放”按钮时,音频播放两次 以下是html: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
以下是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.