JPlayer mp3 不工作（铬）

Question

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

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

如果我将媒体设置为提供的 mp3 和 mp3 路径，则它不起作用。如果我对 ogg 文件做同样的事情，它就可以工作。 我也可以访问 www.website.com/test.ogg 并播放音频。 但是，如果我点击 www.website.com/test.mp3，它不会播放 mp3 音频。

这是我的 HTACCESS： AddType 音频/mpeg mp3

服务器似乎接受范围请求： 响应标头view source 接受范围：字节

我的 htaccess 有什么小问题还是我忽略了其他东西？到目前为止，我已经研究了几乎所有找到的解决方案，但均无济于事。

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

编辑： 如果 MP3 具有一定的大小，则似乎对 MP3 的请求将被取消。他们在下载大约 2MB 的 10MB 歌曲后被取消。有什么线索吗？

Answer 1

我刚刚遇到（谢天谢地）这个确切的问题。事实证明，jPlay 期望支持 OGG 的媒体密钥是 oga（用于 OGG 音频）来解决这个问题我将我的 jPlayer 初始化代码更改为这个（demo）：

$("#jplayer_1").jPlayer({
  ready: function() {
           /*My site specific init code*/
         },
  swfPath: "/js",
  supplied: "oga, mp3"
});

我设置的媒体代码是这样的：

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

我已经在适用于 OSX 的 Chrome 版本 36.0.1985.125 上对此进行了测试，到目前为止它似乎运行良好:)

Answer 2

我遇到了一个问题，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
});

Answer 3

我在使用 jPlayer 和 MediaElement 时遇到了同样的问题。感谢本页其他地方的 cmets，我发现 顺序很重要 对于 Chrome，但对于 Firefox 不是。这可能是 Chrome 中的一个错误。

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

<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 和 Chromium v​​20]

Answer 4

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
});