Html JPlayer mp3不工作（chrome）

我正在尝试在Chrome的网站上设置JPlayer

我在服务器上有一个名为test.mp3和test.ogg的mp3和ogg文件

如果我将媒体设置为mp3提供和mp3路径，它将不工作。如果我对ogg文件执行相同的操作，它就会工作。 我还可以点击www.website.com/test.ogg，它会播放音频。 但是，如果我点击www.website.com/test.mp3，它不会播放mp3音频

以下是我的访问权限： AddType音频/mpeg mp3

服务器似乎接受范围请求： 响应头视图源 接受范围：字节

我的htaccess是否存在一些小问题，或者我是否忽略了其他问题？到目前为止，我已经研究了几乎所有我找到的解决方案，但都没有用

网站是：radiomasher.com（radiomasher.com/test.ogg等）

编辑： 如果MP3的请求达到一定的大小，那么它似乎会被取消。他们下载了大约2MB的10MB歌曲后被取消。有什么线索吗？

Chrome不支持MP3

但是，您可以在jPlayer中同时提供

.ogg

和

.mp3

文件

把这个放到你的

http://radiosmasher.com/js/main.js

文件而不是当前的

jPlayer

实现：

$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            mp3: "http://www.radiosmasher.com/test.mp3",
            ogg: "http://www.radiosmasher.com/test.ogg"
        });
    },
    swfPath: "/js",
    supplied: "mp3, ogg",
    cssSelectorAncestor: "",
    cssSelector: {
        play: "#play",
        pause: "#pause",
        stop: "#stop",
        mute: "#mute",
        unmute: "#unmute",
        currentTime: "#currentTime",
        duration: "#duration"
    },
    size: {
        width: "320px",
        height: "180px"
    },
    errorAlerts: true
});

---

我对jPlayer和MediaElement都有同样的问题。多亏了本页其他地方的评论，我发现顺序对Chrome很重要，但对Firefox却不重要。这可能是Chrome中的一个bug

更具体地说，这在两种浏览器中都适用：

<audio controls="controls" preload="auto">
    <source type="audio/ogg" src="clips/clip1.oga" preload="none"/>
    <source type="audio/mpeg" src="clips/clip1.mp3" preload="none"/>
</audio>

但这只适用于Firefox：

<audio controls="controls" preload="auto">
    <source type="audio/mpeg" src="clips/clip1.mp3" preload="none"/>
    <source type="audio/ogg" src="clips/clip1.oga" preload="none"/>
</audio>

唯一的区别是Chrome似乎在MP3上有问题（不知道为什么），而把ogg放在首位，这个问题就被隐藏了

---

[在Ubuntu12.04上使用Firefox v15和Chrome v20]

我遇到了一个问题，Chrome有时会播放我们的音频（mp3），有时不会。在Safari、FireFox等方面表现良好

最终对我有效的是在配置中设置{solution:“flash，html”}。借用@Tyilo发布的.js：

$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            mp3: "http://www.radiosmasher.com/test.mp3",
            ogg: "http://www.radiosmasher.com/test.ogg"
        });
    },
    swfPath: "/js",
    solution: "flash,html",
    supplied: "mp3, ogg",
    cssSelectorAncestor: "",
    cssSelector: {
        play: "#play",
        pause: "#pause",
        stop: "#stop",
        mute: "#mute",
        unmute: "#unmute",
        currentTime: "#currentTime",
        duration: "#duration"
    },
    size: {
        width: "320px",
        height: "180px"
    },
    errorAlerts: true
});

我刚刚面对（谢天谢地解决了）这个问题。原来jPlay希望OGG支持的媒体密钥是

oga

（对于OGG音频）要解决这个问题，我将jPlayer init代码更改为（）

将我的媒体代码设置为：

$("#jplayer_1").jPlayer("setMedia", {
  "mp3": "/song.mp3",
  "oga": "/song.ogg"
}).jPlayer("play");

---

我已经在用于OSX的Chrome构建版本36.0.1985.125上对此进行了测试，到目前为止，它似乎运行得很好：）

您的

内容类型

标题很好，所以没有问题。您需要使用JPlayer有什么原因吗？有很多关于使用

audio

标签的很好的教程，我在一些项目中已经成功地使用了它。我基本上在寻找一个可以播放MP3的音频播放器，并且在跨浏览器环境中做得很好。JPlayer似乎符合标准。您有什么建议吗？@kclem06现在对我很好。刚刚编辑了主要帖子-似乎还有其他事情发生。我在MP3中使用

音频
元素没有任何问题。@Miles您使用的是哪个版本？我使用的是21，更新；）你确定Chrome不支持MP3吗？--W3说有。@kclem06目前有，但它迟早会被删除，所以依赖它是愚蠢的。谢谢你发布这篇文章。我还没有测试过，但听起来很有希望。
$("#jplayer_1").jPlayer("setMedia", {
  "mp3": "/song.mp3",
  "oga": "/song.ogg"
}).jPlayer("play");