两种情况:1.页面一开始就已经加载了音频,2.点击的时候为audio动态的更改音频路径,播放不同的音频
现象:第一种时长正常,第二种时长为nan
分析:第一种情况,获取时长时,已经加载了音频,点击时可以获取音频时长;第二种,点击的时候,音频没有加载(虽然已经开始播放),获取不到时长。
解决方法:("canplay", function(){
sc=parseInt();
});监听是否准备好音频,将需要的属性放进去(如:时长),此方法会一直监听,不建议进行其他js操作
<audio src="" ></audio><!-- controls="controls" -->
第一种:
var sc=60;//时长
var js=null;
var audio=("audio");
$("#shuohua").click(function(){
var y_src=;
var p=$(this).attr("data-p");
if(p==1){
if(y_src.indexOf(".mp3")>0){
$(this).attr("src","");
();
sc=parseInt();
$("#shichang").text(sc);
js=setInterval("jianshao_shichang()",1000);
}$(this).attr("data-p","0");
}else{
if(y_src.indexOf(".mp3")>0)();
$(this).attr("data-p","1");
clearInterval(js);
();
}
});
function jianshao_shichang(){
sc--;
$("#shichang").text(sc);
if(sc<0){
clearInterval(js);
();
}
}
第二种
//音频播放----
var sc=60;//时长
var js=null;
var id="";
var audio=("audio");
$(".question").on("click",".shuohua",function(e){
if(js!=null){
clearInterval(js);
var all=$(".shuohua");
for(var i=0;i<;i++){
var t_id=$(all[i]).attr("data-id");
$("#vimg_"+t_id).attr("src","");
$("#sc_"+t_id).text("");
$("#vimg_"+t_id).attr("data-p","1");
}
}
id=$().attr("data-id");
var datap=$("#vimg_"+id).attr("data-p");
var voice=$("#vimg_"+id).attr("data-voice");
voice="http://192.168.1.104/amrPlayer-jsdemo/1.mp3";
=voice;
if(datap==1){
if((".mp3")>0){
();
$("#vimg_"+id).attr("src","");
js=setInterval("jianshao_shichang()",1000);
("canplay", function(){
sc=parseInt();
});
}$("#vimg_"+id).attr("data-p","0");
}else{alert(datap);
();
clearInterval(js);
();
$("#vimg_"+id).attr("src","");
$("#sc_"+id).text("");
$("#vimg_"+id).attr("data-p","1");
}
});
function jianshao_shichang(){
sc--;
$("#sc_"+id).text(sc);
if(sc<0){
clearInterval(js);
();
$("#vimg_"+id).attr("src","");
$("#sc_"+id).text("");
$("#vimg_"+id).attr("data-p","1");
}
}
兼容,在安卓和window中时长正常,在ios浏览器中,时长获取不正常