4

我正在尝试在 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

服务器似乎接受范围请求：Response Headersview source Accept-Ranges:bytes

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

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

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

4

4 回答 4

2

我对 jPlayer 和 MediaElement 都有同样的问题。感谢本页其他地方的评论，我发现顺序对 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]

于 2012-10-01T19:10:17.610 回答
1

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
});
于 2012-05-12T17:12:52.803 回答
1

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

$("#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 上对此进行了测试，到目前为止它似乎工作得很好:)

于 2014-07-21T14:37:58.350 回答
0

我遇到了一个问题，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
});
于 2014-05-27T05:39:23.903 回答