audio的音頻路徑寫死時沒有問題
<audio id="audio" autoplay>
<source src="../aa.mp3" type="audio/mpeg"/>
</audio>
當路徑是從後臺獲取,動態加上的時候,播放的時候獲取不到duration
<audio id="audio" autoplay>
<source :src="infoData.audios_src" type="audio/mpeg" />
</audio>
解決方法:在獲取數據的時候,加一個判斷,讓它load()一下就可以了
getLessonInfo:function(){
var self = this;
axios.get(baseURL,{
params:{
api_token:self.api_token,
member_id:self.member_id,
course_id:self.course_id
}
}).then(function(res){
var _tagArr = [];
var audio = document.getElementById("audio");
self.infoData = res.data.data;
var audio_src = res.data.data.audios_src;
if(audio_src){
//load()方法重新加載音頻/視頻元素
audio.load();
}
});
}