jPlayer - 使用setMedia()设置媒体URL

时间:2011-09-13 11:43:15

标签: javascript jquery jplayer

我正在尝试在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':错误!

     

尝试发出媒体播放命令,但未设置媒体网址。

     

使用setMedia()设置媒体URL。

     

上下文:播放

并且不播放文件

您查看了在线示例here

2 个答案:

答案 0 :(得分:4)

jPlayer的要点是你可以使用html5和闪回后退,所以你应该利用FF和chrome的html5,而不是依赖它回到flash。

Firefox不支持html5上的mp3,它们支持ogg,无论如何都更好。我总是为每个浏览器格式化我需要播放的每个音频文件,这样你就可以利用html5,并为你的应用提供更好的加载音频文件的机会,每个浏览器可以选择3个(不是全部)加载,只是它需要的那个。)

使用:.ogg用于Chrome和Firefox,.m4a用于Safari,.mp3用于IE。 See here

隐藏您的音频文件然后尝试:

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网站上看到这个新音频演示:Link

  

请注意,{wmode:“window”}选项设置为确保播放   Firefox 3.6与Flash解决方案。但是,OGA格式将是   在这种情况下使用HTML解决方案。

答案 1 :(得分:0)

您的代码中有错误可能导致此行为:

你有:

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

应该是

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

请删除逗号。