JavaScript 获取音频时长：方法详解及示例

在JavaScript中，可以通过使用HTML5音频元素的duration属性来获取音频的时间长度。具体的步骤如下：\n\n1. 创建一个新的音频元素：var audio = new Audio();\n2. 设置音频的源文件：audio.src = "音频文件路径";\n3. 等待音频元素加载完毕，可以通过监听loadedmetadata事件来判断：audio.addEventListener('loadedmetadata', function() { });\n4. 在事件回调函数中，可以通过访问音频元素的duration属性来获取音频的时间长度：var duration = audio.duration;\n\n完整的示例代码如下所示：\n\njavascript\nvar audio = new Audio();\naudio.src = "音频文件路径";\naudio.addEventListener('loadedmetadata', function() {\n var duration = audio.duration;\n console.log(duration); // 打印音频的时间长度（以秒为单位）\n});\n\n\n请注意，这种方法需要等待音频元素加载完毕才能获取到正确的时间长度。在加载过程中，可以使用audio.readyState属性来判断音频的加载状态，值为4表示加载完成。例如：\n\njavascript\naudio.addEventListener('loadedmetadata', function() {\n if (audio.readyState === 4) {\n var duration = audio.duration;\n console.log(duration); // 打印音频的时间长度（以秒为单位）\n }\n});\n\n\n另外，需要注意的是，如果音频文件的元数据未能正确加载，duration属性可能返回NaN（非数字）。因此，在实际使用中，最好添加错误处理逻辑，以防止出现异常情况。