P粉7926739582023-08-23 11:57:19
2020解决方案:
当音频元数据尚未加载时,您将获得undefined
或NaN
(不是数字)。因此,有些人建议首先使用onloadedmetadata
确保音频文件的元数据被获取。此外,大多数人没有提到的是,您必须使用[0]
来定位音频DOM元素的第一个索引,像这样:
-- 原生JavaScript:
var audio = document.getElementById('audio-1'); audio.onloadedmetadata = function() { alert(audio.duration); };
如果这不起作用,请尝试以下方法,但这种方法不太可靠,而且依赖于用户的连接:
setTimeout(function () { var audio = document.getElementById('audio-1'); console.log("audio", audio.duration); }, 100);
-- JQuery:
$(document).ready(function() { var audio = $("#audio-1")[0]; $("#audio-1").on("loadedmetadata", function() { alert(audio.duration); }); });