javascript - 不会停止在音频的嵌入元素上在本地主机上下载音乐

Question

我几乎做到了，这样我就可以有背景音乐了，但是当我转到本地主机时，它只是下载音乐而不是播放它，但在完整路径中它会在后台播放它，所以我怎样才能防止这种情况发生呢？它不会在本地主机中下载？

这是它的代码，文件名实际上也是“Sound.mp3”。

<embed src="Sound.mp3" autostart="true" loop="true"width="2" height="0" controls>

有什么想法可以添加什么来使其只播放而不下载？ 我实际上正在开发一个看起来很酷的页面，并且想要添加背景音乐，因为它实际上是一个“正在 build ”的页面，并且希望通过背景音乐使其看起来更酷。

Answer 1

在Html5中添加音频的首选方法是使用audio元素。您可以使用以下代码来实现它们，

此代码将使用向用户显示的 Controller 来播放 Sound.mp3 文件。这样用户就可以控制背景音乐。有了自动播放属性，音乐就会自动开始。

<audio controls="controls" autoplay="autoplay"><source src="Sound.mp3" type="audio/mpeg" /></audio>

如果您不想显示控件，只需删除控件属性即可。如下，

<audio autoplay="autoplay"><source src="Sound.mp3" type="audio/mpeg" /></audio>

但是歌曲会自动播放，因为添加了自动播放属性。

不幸的是，并非所有浏览器都支持 mp3，因此最好包含不同格式的文件的多个版本。如下，

<audio autoplay="autoplay">
 <source src="Sound.mp3" type="audio/mpeg" /> 
 <source src="Sound.wav" type="audio/wav" />
 <source src="Sound.ogg" type="audio/ogg" />
 <p>This content is displayed by browsers that don't recognize the audio element.</p>
</audio>

希望有帮助。祝你的项目好运。 :)

更多属性

循环 - 自动循环(不断播放)。