JPlayer mp3 не работает (хром)

У меня была такая же проблема как с 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, эта проблема будет скрыта.

[Использование Firefox v15 и Chromium v20 в Ubuntu 12.04]

MP3 не поддерживается в Chrome.

Однако вы можете предоставить файлы .ogg и .mp3 в jPlayer.

Поместите это в свой файл 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
});

Я только что столкнулся (и, к счастью, решил) именно с этой проблемой. Оказывается, медиа-ключ, который jPlay ожидает для поддержки OGG, — это oga (для OGG Audio), чтобы исправить это, я изменил свой код инициализации 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");

Я тестировал это на сборке Chrome версии 36.0.1985.125 для OSX, и пока это работает достаточно хорошо :)

Я столкнулся с проблемой, когда Chrome иногда проигрывал наше аудио (mp3), а иногда нет. Работал нормально в Safari, FireFox и т.д.

Мне помогло настроить {solution: "flash,html"} в конфиге. Заимствование из .js, опубликованного @Tyilo:

$("#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
});