4

Chrome の Web サイトに 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

サーバーは範囲要求を受け入れているようです: Response Headersview source Accept-Ranges:bytes

私のhtaccessに何か小さな問題がありますか、それとも何か他のものを見落としていますか? これまでに見つけたほぼすべてのソリューションを調べましたが、役に立ちませんでした。

ウェブサイト: radiosmasher.com (radiosmasher.com/test.ogg など)

編集: MP3 のリクエストは、特定のサイズの場合、キャンセルされているようです。10MBの曲のうち約2MBをダウンロードするとキャンセルされます。どんな手掛かり？

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

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

ただし、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 Audio用）これを修正するために、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でこれをテストしましたが、これまでのところ非常にうまく機能しているようです:)

于 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 に答える