Question

我正在尝试将音频添加到网页中。我不知道它为什么不起作用。我正在做一个声音样本网页。我可以在屏幕上看到音频条，但音频没有播放。我说的是0点长，所以也许它找不到音频。音频的路径是C：\ Users \ matth \ Desktop \ Website \ samples。我已经尝试过使用chrome和firefox。

<div class="soundsamples">

  <audio controls>
   <source src="sound sample 1.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 2.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 3.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 4.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 5.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 6.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 7.mp3" type="audio/mpeg">
  </audio>

  <audio controls>
   <source src="sound sample 8.mp3" type="audio/mpeg">
  </audio>
 </div>

Answer 1

此脚本的问题是html页面无法找到音频并因此播放它。

根据上面给出的示例，您说您的音频文件位于C:\Users\matth\Desktop\Website\samples。

为了播放音频，html页面必须与音频本身（IE C:\Users\matth\Desktop\Website\samples）位于同一文件夹中，而不是。

根据您的评论，您说您的html文件位于C:\Users\matth\Desktop\Website，因此您必须更改音频文件的位置或提供正确的文件路径。

更改文件路径很简单。要访问子文件夹，您只需使用/SubfolderName/并使用../上的字典。

因此，要知道音频的位置为C:\Users\matth\Desktop\Website\samples，我们只需要进入子文件夹samples即可。只需将其添加到现有文件路径即可轻松完成此操作。在您的第一个示例中，工作路径为：

您可以看到this page for more details on changing file paths。

W3schools也就此主题做了一个了不起的教程。

希望我能提供帮助。

我试图将音频添加到我的HTML中。

1 个答案: