首頁猿問加載音頻后運行函數

加載音頻后運行函數

JavaScript

慕尼黑5688855 2021-11-04 17:40:14

我想在檢查是否下載了音頻文件后運行一個函數。我的js：// https://freesound.org/people/jefftbyrd/sounds/486445/var audioFile = "https://raw.githubusercontent.com/hitoribot/my-room/master/audio/test/test.mp3";var audioElem = document.querySelector("audio");var startElem = document.querySelector("button");var resultScreen = document.querySelector("p");function checkAudio() { audioElem.setAttribute("src", audioFile); if (audioElem.complete) { resultScreen.innerHTML = "loaded audio"; } }startElem.addEventListener("click", function(){ checkAudio();});代碼筆：https ://codepen.io/carpenumidium/pen/KKPjRLR ? editors = 0011我希望在音頻文件下載完成后顯示“加載的音頻”文本。檢查文件是否已完成下載的代碼可能完全是 bs，所以請放輕松。

查看完整描述

2 回答

犯罪嫌疑人X

TA貢獻2080條經驗獲得超4個贊

您甚至沒有使用正確的方法來檢查加載狀態。請參閱下面的代碼片段，可以做到這一點。

您需要使用表示的canplaythrough事件

瀏覽器估計它可以在不停止內容緩沖的情況下播放媒體直到結束。

您正在使用的事件complete實際上是在以下情況下觸發的

OfflineAudioContext 的呈現終止。

// https://freesound.org/people/jefftbyrd/sounds/486445/

var audioFile = "https://raw.githubusercontent.com/hitoribot/my-room/master/audio/test/test.mp3";

var audioElem = document.querySelector("audio");

var startElem = document.querySelector("button");

var resultScreen = document.querySelector("p");

function checkAudio() {

audioElem.setAttribute("src", audioFile);

audioElem.addEventListener('canplaythrough', (event) => {

resultScreen.innerHTML = "loaded audio";

});

}

startElem.addEventListener("click", function() {

checkAudio();

});

<button>load audio</button>

<h1>Audio file status:</h1>

<p></p>

</div>

反對回復 2021-11-04

尚方寶劍之說

TA貢獻1788條經驗獲得超4個贊

您可以使用該onload事件在加載完整音頻時獲得通知：

function checkAudio() {

audioElem.setAttribute("src", audioFile);

audioElem.onload= ()=>{

resultScreen.innerHTML = "loaded audio";

}

startElem.addEventListener("click", function(){

checkAudio();

});

反對回復 2021-11-04

2 回答
0 關注
190 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

加載音頻后運行函數

加載音頻后運行函數

2 回答

添加回答