使用JavaScript实现获取audio时长
更新时间:2024年04月10日 14:36:56 作者:码农新锐
这篇文章主要为大家详细介绍了如何使用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时长内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
浅谈Webpack4 Tree Shaking 终极优化指南
这篇文章主要介绍了浅谈Webpack4 Tree Shaking 终极优化指南,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-11-11Javascript前端UI框架Kit使用指南之kitjs事件管理
本文详细介绍了Kitjs的事件管理功能,包括普通的Dom事件、Kit如何解决问题、代码解析、注销事件等。需要的朋友可以参考下。2014-11-11
最新评论