3

Firefox 3.6 (Ubuntu) で jPlayer を使用しようとしています。

function loadmedia() {
  $('#jquery_jplayer_1').jPlayer('setMedia', {
    mp3: 'media/audio/04-Piste_4_1.mp3',
  });
}

$(document).ready(function () {
  $('#jquery_jplayer_1').jPlayer({
    ready: loadmedia,
    swfPath: 'static/jPlayer',
    errorAlerts: true,
    supplied: 'mp3',
  });
});

しかし、それは私に言っています

jPlayer 2.1.0 : id='jquery_jplayer_1' : エラー!

メディア URL が設定されていない状態で、メディア再生コマンドを発行しようとしました。

setMedia() を使用してメディア URL を設定します。

コンテキスト: 遊びます

そして、ファイルを再生しません

ここでオンラインの例を確認してください

4

2 に答える 2

4

jPlayerの主なポイントは、フラッシュフォールバックでhtml5を使用できるようにすることです。したがって、フラッシュへのフォールバックに依存せずに、FFとchromeのhtml5を活用する必要があります。

Firefoxはhtml5でmp3をサポートしていません、とにかくより良いoggをサポートしています。私は常に、ブラウザごとに再生する必要のある各オーディオファイルをフォーマットします。これにより、利用可能な場合にhtml5を活用でき、ブラウザごとに3つを選択して、アプリにオーディオファイルをロードする機会を大幅に増やすことができます（すべてではありません）ロードされる、必要なものだけ）。

使用：ChromeとFirefoxの場合は.ogg、Safariの場合は.m4a、IEの場合は.mp3。 こちらをご覧ください

オーディオファイルを隠してから、これを試してください。

function loadmedia(){
   $('#jquery_jplayer_1').jPlayer('setMedia', {
      oga: 'media/audio/04-Piste_4_1.ogg',
      m4a: 'media/audio/04-Piste_4_1.m4a',
      mp3: 'media/audio/04-Piste_4_1.mp3'
   });
}

$(document).ready(function () {
  $('#jquery_jplayer_1').jPlayer({
    ready: loadmedia,
    swfPath: 'static/jPlayer',
    errorAlerts: true,
    supplied: 'oga, m4a, mp3'//fyi, in your code you had a trailing comma here, that will break IE
  });
});

編集：

新しいオーディオデモについては、jPlayerサイトでこれをご覧ください：リンク

{wmode： "window"}オプションは、Flashソリューションを使用したFirefox3.6での再生を保証するように設定されていることに注意してください。ただし、この場合、HTMLソリューションではOGA形式が使用されます。

于 2011-09-14T16:09:46.500 に答える
0

コードにエラーがあり、おそらくこの動作を引き起こしています。

あなたが持っている：

mp3: 'media/audio/04-Piste_4_1.mp3',

そのはず

mp3: 'media/audio/04-Piste_4_1.mp3'

したがって、コンマを削除します。

于 2012-10-10T06:33:46.730 に答える