JPlayer mp3が動作しない（chrome）

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のオーディオ/ MPEGのmp3は

Serverは範囲要求を受け入れるように表示されます。 レスポンスHeadersviewソース は-範囲を受け入れ：バイト

は私のhtaccess/wのマイナー何か問題はありますか私は別のものを見落としていますか？私は、これまでに見つかったほぼすべてのソリューションを検討しました。

ウェブサイトは次のとおりです。radiosmasher.com（radiosmasher.com/test.oggなど）

EDIT： それは、彼らが特定のサイズである場合にMP3年代の要求は、取り消さなっている表示されます。 2MBの10MBソングをダウンロードした後にキャンセルされます。どんな手掛かり？

Answer 1

MP3はChromeではサポートされていません。

ただし、.oggと.mp3ファイルの両方をjPlayerに提供することはできます。

代わりに、現在のjPlayer implementionのごhttp://radiosmasher.com/js/main.jsファイルでこれを入れて：私はjPlayerとのMediaElementの両方で同じ問題があった

$("#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 2

。このページの他のコメントのおかげで、の注文は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に問題があるように見えるということです（理由は分からない）、最初にこの問題を隠すことによって、この問題は隠されている。 [Ubuntu12.04にFirefoxのV15とV20クロムを使用する]

Answer 3

私はクロームは時々私たちのオーディオ（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 4

この正確な問題に直面した（そして感謝して解決した）。これに

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

そして、私のセットのメディアコード：：それは私がこれまでの私のjPlayerのinitコード（demo）に変更（OGGオーディオ用）この問題を解決するためにjPlayはOGGをサポートするために期待されているメディアキーがogaで判明

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

私はOSXのバージョン36.0.1985.125を構築し、これまでのところ、かなりうまく動作するようですChromeでこれをテストしてみた:)