jPlayer - используйте setMedia (), чтобы установить медиа-URL - PullRequest
3 голосов
/ 13 сентября 2011

Я пытаюсь использовать jPlayer под Firefox 3.6 (Ubuntu)

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-адреса мультимедиа.

Контекст: воспроизведение

И файл не воспроизводится

Вы посмотрите онлайн пример здесь

Ответы [ 2 ]

4 голосов
/ 14 сентября 2011

Суть jPlayer в том, что вы можете использовать html5 с резервным флэш-памятью, поэтому вы должны использовать html5 для FF и chrome, не смотря на то, что он возвращается к флэш-памяти.

Firefox не поддерживает mp3 на html5, они поддерживают ogg, что лучше в любом случае. Я всегда форматирую каждый аудиофайл, который мне нужно воспроизвести для каждого браузера, таким образом вы можете использовать html5, когда он доступен, и вы даете своему приложению гораздо больше шансов на загрузку аудиофайла, с 3 для каждого браузера на выбор (не все загрузить, только то, что ему нужно).

Использование: .ogg для Chrome и Firefox, .m4a для Safari и .mp3 для IE. Смотрите здесь

Скрывайте свои аудиофайлы, затем попробуйте это:

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

EDIT:

Увидел это на сайте jPlayer для новой аудио-демонстрации: Ссылка

Обратите внимание, что опция {wmode: "window"} установлена ​​для обеспечения воспроизведения в Firefox 3.6 с решением Flash. Тем не менее, формат OGA будет используется в этом случае с решением HTML.

0 голосов
/ 10 октября 2012

В вашем коде есть ошибка, которая, вероятно, вызывает такое поведение:

У вас есть:

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

Это должно быть

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

Так что уберите запятую.

...