Javascript 韩元';t停止在本地主机上的音频嵌入元素上下载音乐

Javascript 韩元';t停止在本地主机上的音频嵌入元素上下载音乐,javascript,html,Javascript,Html,我几乎做到了,所以我可以有背景音乐,但当我去我的本地主机时,它只是下载音乐,而不是播放音乐,但在完整路径中,它会在后台播放音乐,所以我如何防止这种情况发生,使它不会在本地主机中下载 这是它的代码,文件名实际上也是“Sound.mp3” 你有什么想法可以让它只是播放而不是下载? 实际上,我正在制作一个看起来很酷的页面,并希望添加背景音乐,因为它实际上是一个“正在构建”的页面,希望通过背景音乐使其看起来更酷。使用标签将音频文件附加到html文件。 如果您的音频文件是Sound.mp3,则将其包

我几乎做到了,所以我可以有背景音乐,但当我去我的本地主机时,它只是下载音乐,而不是播放音乐,但在完整路径中,它会在后台播放音乐,所以我如何防止这种情况发生,使它不会在本地主机中下载

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


你有什么想法可以让它只是播放而不是下载?
实际上,我正在制作一个看起来很酷的页面,并希望添加背景音乐,因为它实际上是一个“正在构建”的页面,希望通过背景音乐使其看起来更酷。

使用标签将音频文件附加到html文件。
如果您的音频文件是Sound.mp3,则将其包含在
中。在Html5中添加音频的首选方法是使用audio元素。您可以使用以下代码来实现它们:

此代码将使用为用户显示的控制器播放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>
<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>

但是歌曲将自动播放,因为添加了自动播放属性

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

<audio autoplay="autoplay"><source src="Sound.mp3" type="audio/mpeg" /></audio>
<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>

此内容由无法识别音频元素的浏览器显示

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

更多属性


循环-自动循环(反复播放)。

我将在网站上讨论自动播放音乐的各种情绪。(提示,它们的范围从快乐到杀人)。您是否考虑过使用实际的
元素?它们在HTML5中有很好的支持,并且是首选的做事方式-
并不是最常用或最受欢迎的标签之一此外,在1997年,提供一个关于所面临问题的最小、完整(有效)例子的问题将比那些在网站上没有oneBackground音乐的问题获得更好的回答是一个好主意(或许不是)。但不是在2018年。@Heidel很少有非常有效的例子说明背景音乐/音频/音景在一个行业中被广泛接受website@MacK例如?@Heidel适用于任何商业或艺术网站,或任何你想通过网站传播的信息。在我舌尖的顺序:福克斯的高谭宣传网站,arkade.london和出动en-mer。背景音频不仅仅是在文本页面上播放笨拙的midi文件。为什么要添加新答案而不是编辑第一个答案?对不起,我删除了旧答案。
<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>