Question

我对网页设计很陌生，我正在建立一个网页，用于学习切诺基音节。主页面是一个包含85个字符的表格，当您单击一个字符时，它会播放该字符的声音。目前我将所有声音文件都以.mp3和.oog格式存储在/ sounds文件夹中，我在html文档的末尾添加了85个不同的<audio>标签，并使用jQuery播放它们，如下所示。页面加载时间在我的笔记本电脑上是可以的，但在我的手机上它真的很慢，我认为这是因为所有的声音文件。如何以更快速加载页面的方式实现此目的？

＆＃13;

$('td').click(function(){
  var name = $(this).find('.tbl-en').html();
  var tag = 'audio-' + name;
  var sound = document.getElementById(tag);
  sound.play();
});

＆＃13;

<audio id="audio-a">
  <source src="sounds/a.mp3" type="audio/mp3">
  <source src="sounds/a.oog" type="audio/oog">
</audio>

＆＃13;

Answer 1

在用户点击该元素之前，请勿设置src属性。这是一个例子：

here

当我需要大量声音文件时，如何让我的网页快速加载？

1 个答案: