纯HTML音乐播放器

时间:2010-05-02 21:24:59

标签: html mp3 audio-player

如何使用纯HTML制作浏览器集成的无闪存在线音乐播放器?就像,你点击按钮,音乐开始播放。我已经使用<embed>和(out)<noembed>尝试了所有内容,但似乎没有任何效果。我需要它在Firefox中工作。

我有一个MP3文件。

编辑:实际上,伙计们,我很抱歉提出这个问题。我现在已经看到我没有正确地写出路径。使用<embed src="../../path/to/file.mp3" autostart="false" width="20" height="20"/>标记完全正常。 问题是,我试图为不支持Flash的浏览器编写它,比如e。 G。 iPad的Safari。

3 个答案:

答案 0 :(得分:7)

This应该有所帮助。 HTML5音频标签对新版本的Firefox,Safari,Chrome和Opera(很遗憾没有Internet Explorer)提供了不错的支持。 您可能需要将.mp3转换为.ogg或其他格式,因为某些浏览器只允许某些格式。

哦,你需要Javascript来控制像.play(),. pause()......

这样的控件

答案 1 :(得分:1)

我意识到这不是问题本身的答案,我将其添加为完整性。

This link有你能想象到的所有可能的排列......

我不确定以下部分是否适用于FireFox:

以下是将Windows Media Player嵌入HTML中的方法。

要在HTML文档中嵌入对象,需要使用对象类ID。 Windows Media Player 7,9,10和11的类ID是clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6。

将以下代码插入HTML文档以嵌入Windows Media Player 7及更高版本:

<OBJECT id="VIDEO" width="320" height="240" 
    style="position:absolute; left:0;top:0;"
    CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
    type="application/x-oleobject">

    <PARAM NAME="URL" VALUE="your file or url">
    <PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
    <PARAM NAME="AutoStart" VALUE="True">
    <PARAM name="uiMode" value="none">
    <PARAM name="PlayCount" value="9999">
</OBJECT>

在URL参数中,您可以指定URL(用于流式传输)或本地文件。

答案 2 :(得分:0)

我认为这还不可能(HTML5附带)。 您可以使用适用于Javascript的Yahoo Media Player