javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript获取audio时长

使用JavaScript实现获取audio时长

作者:码农新锐

这篇文章主要为大家详细介绍了如何使用JavaScript实现获取audio时长,并且转换为分钟00:00:00格式,感兴趣的小伙伴可以跟随小编一起学习一下

写js时在网上找了很多获取音频时长都获取不到,然后搜索各种试最后终于可以,记录下来方便以后使用。

// 音频加载完成后的一系列操作
function duration(){
	var myVid = document.getElementById("videoDiv");
	console.log("duration  ",myVid);
	if(myVid != null){
	     var duration;
	     myVid.load();
	     myVid.oncanplay = function () {  
	            console.log("myVid.duration",myVid.duration);
				timeToMinute(myVid.duration)
	      }
	}
}
 
// 秒转换分钟00:00:00格式
function timeToMinute(times){
       var t;
        if(times > -1){
            var hour = Math.floor(times/3600);
            var min = Math.floor(times/60) % 60;
            var sec = times % 60;
            if(hour < 10) {
                t = '0'+ hour + ":";
            } else {
                t = hour + ":";
            }
 
            if(min < 10){t += "0";}
            t += min + ":";
            if(sec < 10){t += "0";}
            t += sec.toFixed(2);
        }
        t=t.substring(0,t.length-3);
        return t;
  
}

方法补充

除了上文的方法,小编还为大家整理了一些JavaScript获取audio时长的方法,希望对大家有所帮助

js获取html5 audio 音频时长方法

var myVid = $('#' + showImgId)[0];
                                if (myVid != null) {
                                    var duration;
                                    myVid.load();
                                    myVid.oncanplay = function () {
                                        console.log("myVid.duration", myVid.duration);
                                    }
                                }
var time = _audio.duration;
        //分钟
    var minute = time / 60;
    var minutes = parseInt(minute);
    if (minutes < 10) {
        minutes = "0" + minutes;
    }
    //秒
    var second = time % 60;
    var seconds = Math.round(second);
    if (seconds < 10) {
        seconds = "0" + seconds;
    }

js 获取audio时长

第一种

var myVid = document.getElementById("audio_duration");
console.log("duration  ",myVid);
if(myVid != null){
     var duration;
     myVid.load();
     myVid.oncanplay = function () {  
            console.log("myVid.duration",myVid.duration);
      }
}

第二种:这个有一点误差,因为我用都audio是一个列表

function getDuration() {
    setTimeout(function () {
    var duration = myVid.duration;
    if(isNaN(duration)){
    getDuration();
    }else{
        var _duration = transTime(myVid.duration);
        $(".audio_duration").html(_duration);
       console.info("时长:"+myVid.duration+"秒")
    }
    }, 10);
}

到此这篇关于使用JavaScript实现获取audio时长的文章就介绍到这了,更多相关JavaScript获取audio时长内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文