在我的网站上播放声音

Question

我使用一段代码在我的网站上播放背景音乐。

<embed src="1.wav" autostart="true" loop="true"
width="2" height="0">
</embed>

但是这段代码不能播放无限循环的音乐。 一旦音轨结束，它就不会重复播放。 我该怎么做才能让音乐一遍又一遍地重复播放。

- void

---

请不要这样做。背景音乐很烦人而且很90年代。 - j08691

你的访客都不想听到那个...... - jrummell

但我想要背景音乐...我正在创建一个文化节网站...我不知道该怎么做... - void

如果您一定需要播放音乐，使用用户可以开始/停止的播放器控件。 - jrummell

添加一个播放按钮，这样访问者就可以决定是否要打断他们正在听的内容。 - Popnoodles

Answer 1

这是我发现最好的方法...只需用你选择的实际文件名替换'yoursounds'。

<audio autoplay loop controls>
    <source src="yoursound.ogg">
    <source src="yoursound.mp3">
</audio>

- Nick

Answer 2

尝试使用loop='infinite'而不是loop='true'，如下所示：

<embed src="1.wav" autostart="true" loop="infinite"
width="2" height="0">
</embed>

- hmatar

Answer 3

HTML5的解决方案是Audio标签http://www.w3schools.com/tags/tag_audio.asp

这是旧的解决方案：http://drayblog.gotdns.com/index.php/2009/05/13/html-embed-an-audio-clip-and-repeat-loop-it/

<EMBED SRC="/audio/media.mp3" AUTOSTART="true" HIDDEN="True" LOOP="True"/>
<NOEMBED>
    <object type="audio/mp3" data="http://www.domain.com/audio/media.mp3"><param name="src" value="http://www.domain.com/audio/media.mp3"></param><param name="autostart" value="true"></param><param name="hidden" value="True"></param><param name="loop" value="true"></param>
    </object>
</NOEMBED>

- Louis Ricci

---

我想给你点赞，但那个链接是w3schools。我被告知使用或建议别人使用w3schools会死得很惨。 - cadrell0

@cadrell0 - 克服故意无知总是很困难的。我不知道你有什么证据或事实来支持这种信仰，实际上，我真的希望你只是开玩笑。 - Louis Ricci

他们最近可能有所改善，但请查看http://w3fools.com/... - jrummell

@jrummell - 所给出的所有例子都是合理的挑剔，而且它未经W3C授权而篡用了其名称的事实最多只能说是有些不光彩。然而，对于引用HTML标签、属性和可能的示例，它的信息是准确的。这使我得出结论，我就是没有精力去在网页文档站点之间打“电子阳具战争”的纷争或者那些站点上呈现的零星主观意见的绝对性。如果从某个站点中获取的信息（我需要的或者我正在引用的）是准确的，那么这对我来说就足够了。 - Louis Ricci

Answer 4

尝试使用音频标签代替：

<audio autoplay loop>
    <source src="sound.ogg">
    <source src="sound.mp3"> 
</audio>

您需要同时使用mp3和ogg文件才能在所有浏览器中正确播放声音。例如，Firefox不支持mp3文件。此外，在网站上使用.wav格式的文件会因其大小而受到严厉谴责。

- Flunk

---

或者在打开的音频标签中添加控件，以显示用户可以与之交互的简单控制元素。 - Flunk

Answer 5

试试jPlayer。它是一个HTML5媒体播放器，可以回退到Flash。这是其中一个演示的例子：

$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            m4a:"http://www.jplayer.org/audio/m4a/TSP-01-Cro_magnon_man.m4a",
            oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
        });
    },
    swfPath: "../js",
    solution: "flash, html",
    supplied: "m4a, oga",
    wmode: "window"
});

<div id="jquery_jplayer_1" class="jp-jplayer"></div>

http://jplayer.org/latest/demo-01-solution-flash-html/

- jrummell

Answer 6

<audio hidden="true" autoplay loop controls>
    <source src="source.mp3">
</audio>

它将按照您的要求正常工作...

- Mohideen bin Mohammed