javascript中的完整预加载音频

Posted 2023-02-25

【中文标题】javascript中的完整预加载音频

【英文标题】：Full Preload audio in javascript

【发布时间】：2016-08-11 07:08:25

【问题描述】：

感兴趣的文件的完整加载以及随后播放的可能性。 javascript中如何实现声音和旋律的全预加载？

P.S.：三个我提到了“满”这个词。

【问题讨论】：

你为什么不谷歌？花了我 5 秒 ***.com/questions/5313646/…

@Tom Doodler 你读过问题吗？三我提到了“满”字。

【参考方案1】：

你可以使用 htmlAudioElement https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement

var audio = new Audio('audio_file.mp3');
audio.play();

更新

有一个回调事件“canplaythrough”

var audio = new Audio();
audio.addEventListener('canplaythrough', audio.play , false);

或

使用这个库：http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library

var sound = new Howl(
  urls: ['sound.mp3', 'sound.ogg']
).play();

【讨论】：

HTMLAudioElement 不会加载整个文件。只告知他上场的可能性。我需要整个文件。三次写过它。 howler.js 需要看。乍一看，它是通过 xhr 加载的。但我想不使用额外的库。从代码中获取可能很方便。谢谢。

用于更新：canplaythrough - 可以播放 - 确定是否播放声音。但这并不意味着它会被加载。相反，他们决定在适当的时候让他有时间下载。但事实并非如此——时间不够。 P.S.：重播已经在进行中，没有延迟 - 声音已加载。