在网页中背景播放声音文件

Question

在网页中背景播放声音文件

33

我想在我的网页上播放音频文件，但不希望出现媒体播放器的用户界面。我的网站将在火狐浏览器上运行，我使用了<embed name="myMusic" src="Masgon.mp3" type="audio/midi" autostart="false" Hidden="true" loop="true"></embed>标签并将Hidden属性设置为true。问题是，除非我移除hidden属性，否则没有声音会播放。但在这种情况下，音频文件会播放并且媒体播放器的用户界面也会出现，而我不想要那个界面。

- Eslam Hamdy

3

该文件的类型是 audio/mp3，而 type 属性的值为 "audio/midi"。midi 文件的扩展名为 .mid 或 .midi。 - ehsun7b

7个回答

12

<audio src="/music/good_enough.mp3" autoplay>
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
<embed src="/music/good_enough.mp3" width="180" height="90" hidden="true" />
</audio>

对我来说完全没问题。

- Adrian

4

虽然可能有点晚了，但以下是适用于类似问题的可行代码。

<div id="player">
    <audio autoplay hidden>
     <source src="link/to/file/file.mp3" type="audio/mpeg">
                If you're reading this, audio isn't supported. 
    </audio>
</div>

- Akash Adhikari

1

只需从您的代码中删除“controls”，就会完美无缺。 - Ivijan Stefan Stipić

1

@IvijanStefanStipić 确实！如果音频是“隐藏的”（并且在“自动播放”），那么设置“控件”就没有意义。 - Akash Adhikari

3

<audio controls autoplay loop>
  <source src="path/your_song.mp3" type="audio/ogg">
  <embed src="path/your_song.mp3" autostart="true" loop="true" hidden="true"> 
</audio>

[ps. 将"path/your_song.mp3"替换为文件夹和歌曲标题，例如"music/samplemusic.mp3"或"media/bgmusic.mp3"等。

- Arya Aryadipta Sur Tabs

这是自动播放的最佳方法，其他方法会导致错误“play()失败，因为用户没有与文档交互”。 - ajith mohan

1

我的问题是通过删除type属性来解决的：

<embed name="myMusic" loop="true" hidden="true" src="Music.mp3"></embed>

这绝对不是最干净的方法。

如果您正在使用HTML5： Firefox不支持MP3。但Wav和Ogg是支持的。在这里，您可以找到哪些浏览器支持哪种类型的音频的概述： http://www.w3schools.com/html/html5_audio.asp

- Robin V.

我尝试使用 .wave 文件，但它不起作用，与上述情况相同。 - Eslam Hamdy

1

如果您不想显示控件，请尝试此代码。

<audio  autoplay>
 <source src="song.ogg"  type="audio/ogg">
Your browser does not support the audio element.
</audio>

- jins

0

如果你只想要它正常：

<audio src="sus.mp3">
    <script>alert("Your browser doesn't support the Audio tag!")</script>
</audio>`

如果你想让它在加载时自动启动：（不支持Chrome）

<audio src="sus.mp3" autostart="true">
    <script>alert("Your browser doesn't support the Audio tag!")</script>
</audio>

如果你想要控件

<audio src="sus.mp3" autostart="true" controls>
    <script>alert("Your browser doesn't support the Audio tag!")</script>
</audio>

- Helio Souza-Leles

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- topcat3 · Accepted Answer

<audio src="/music/good_enough.mp3">
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
</audio>

如果您想要控制

<audio src="/music/good_enough.mp3" controls>
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>

并且还要使用嵌入式

<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" />