首页 > 解决方案 > 大尺寸音频文件立即播放音频的问题

问题描述

我正在尝试在我的代码中添加音频

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

上面的代码工作正常..但如果音频很大,我会遇到问题。我必须等待几秒钟才能听音频,

是否有任何替代方法,因此我们可以立即播放音频而无需等待?

标签: javascriptjqueryhtmlaudiohtml5-audio

解决方案


我找到了一个解决方案,看看它是否有效:

您可以使用音频元素的以下属性来解决您的问题!

预加载提示:您可以选择使用 preload 属性来提示浏览器是否以及如何在页面加载时预加载音频文件。预加载音频文件意味着当用户点击“播放”按钮时它可以立即播放,这对用户来说是一个更好的体验。

<audio preload="auto"> 
  <source src="WhiteChristmas.mp3">
  <source src="WhiteChristmas.ogg">
</audio>

参考这个网站: https ://www.elated.com/html5-audio/


推荐阅读