Question

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

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

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

这是我的HTACCESS： AddType audio / mpeg mp3

服务器似乎接受范围请求：响应标题来源接受-范围：字节

我的htaccess是否存在轻微的错误，或者我忽略了其他什么？我已经研究了迄今为止我发现的几乎所有解决方案都无济于事。

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

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

Answer 1

我对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问题（dunno为什么），并且首先将ogg置于此问题隐藏。

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

Answer 2

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

Answer 3

我刚刚面对（并且谢天谢地）解决了这个确切的问题。事实证明，媒体密钥jPlay期望OGG支持oga（对于OGG音频）来修复此问题我将我的jPlayer init代码更改为此（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");

我已经在Chrome版本36.0.1985.125 for OSX上对此进行了测试，到目前为止，它似乎运行良好：）

Answer 4

我遇到的问题是Chrome有时会播放我们的音频（mp3），有时则不会。在Safari，FireFox等中工作得很好。

为我工作的最后一步是在配置中设置{解决方案：＆＃34; flash，html＆＃34;}。借用@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
});

JPlayer mp3无法正常工作（chrome）

4 个答案: