当我们在加载一个线上mp3地址或者获取audio的duration的时候，会发现有拿到duration是Infinity的情况，这时如果我们动态的展示录音时间时候就会有问题。首先明确一下这是chrome浏览器自己的存在的一个bug，因为我们拿到的录音数据流没有定义长度，所以浏览器无法解析出当前音频的时长。一、发现问题使用浏览器内置播放器无法显示时长Chrome&&Edge：播放到一定时间后才能移动进度条与显示时长 Firefox：直接可以看到进度条与时长  继续往下，解决Chrome中的问题二、获取总时长为NaN||Infinityaudio.ontimeupdate=()=>{ consol

目录一、需求分析二、发现问题1.使用浏览器内置播放器``无法显示时长2.获取总时长为NaN||Infinity三、疑惑点四、解决方案一、需求分析后端的接口中包含音频链接，前端需要自定义一个播放器播放音频。二、发现问题1.使用浏览器内置播放器无法显示时长Chrome&&Edge：播放到一定时间后才能移动进度条与显示时长Chrome默认状态播放时播放快结束时Firefox：直接可以看到进度条与时长，样子也好看，问题解决（bushi）Firefox默认状态播放时播放快结束时2.获取总时长为NaN||Infinityaudio.ontimeupdate=()=>{ console.log(`curre

目录一、需求分析二、发现问题1.使用浏览器内置播放器``无法显示时长2.获取总时长为NaN||Infinity三、疑惑点四、解决方案一、需求分析后端的接口中包含音频链接，前端需要自定义一个播放器播放音频。二、发现问题1.使用浏览器内置播放器无法显示时长Chrome&&Edge：播放到一定时间后才能移动进度条与显示时长Chrome默认状态播放时播放快结束时Firefox：直接可以看到进度条与时长，样子也好看，问题解决（bushi）Firefox默认状态播放时播放快结束时2.获取总时长为NaN||Infinityaudio.ontimeupdate=()=>{ console.log(`curre