方法一:创建audio标签,播放之后获取duration
let audioE = document.createElement("audio"); // 获取时长
audioE.src = configUrl.photoUrl + res.key;
audioE.load();
audioE.oncanplay = function () {
setTimeout(()=> {
console.log(audioE.duration);
_this.setState({
viewAudio: configUrl.photoUrl + res.key,
duration: audioE.duration,
audioLoading: false,
});
}, 1500);
}
方法二:使用react的一个插件 'react-audio-player';
1,安装并引入
import ReactAudioPlayer from 'react-audio-player';
2,使用组件
<div>
{/*判断是否已有音频 url*/}
{ this.state.site.enAudio ? (
<ReactAudioPlayer
// ref={(elemen