最佳答案
您需要绑定(bind)到 Howler 的非公共(public) API 才能实现此目的,至少在实现此功能之前(如果有的话)。
const audio = new Howl({
src: 'https://howlerjs.com/assets/howler.js/examples/player/audio/rave_digger.webm',
html5: true,
preload: false,
});
const handleLoad = () => {
const node = audio._sounds[0]._node;
// const node:HTMLAudioElement = (audio as any)._sounds[0]._node; // For Typescript
node.addEventListener('progress', () => {
const duration = audio.duration();
// https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges#Creating_our_own_Buffering_Feedback
if (duration > 0) {
for (let i = 0; i < node.buffered.length; i++) {
if (node.buffered.start(node.buffered.length - 1 - i) < node.currentTime) {
const bufferProgress = (node.buffered.end(node.buffered.length - 1 - i) / duration) * 100;
// do what you will with it. I.E - store.set({ bufferProgress });
break;
}
}
}
}
};
audio.on('load', handleLoad);
原始答案可见here在 goldfire/howler.js
关于javascript - 使用 Howler.js 时有没有办法指示音频下载进度/缓冲区?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37769535/