2013-02-20 3 views
1

J'essaie d'utiliser jplayer pour lire des fichiers mp3 ajoutés dans des champs personnalisés. Donc, quand je clique sur le fichier mp3 dans le post jplayer, j'attrape les fichiers mp3, mais jusqu'à présent, il ne montre que le nom du fichier et de l'artiste, mais je n'arrive pas à lire le fichier.Jplayer saisit le fichier mp3 mais ne le joue pas

J'utilise ce code sur single.php:

<div class="mp3jplayer-track"> 
<a class="playprogram" href='javascript:initMp3("<?php echo $mp3_url; ?>", "<?php echo $mp3_name; ?> - <?php /*if there is an artist specified for each mp3, we get it, otherwise we get the taxonomie Artists*/ if ($mp3_artists != ''){ echo 'Artist(s): '.$mp3_artists;} else { echo 'Artist(s): '.$artists_names; } ?>")'>Play <br><span class="mp3_name"><i class="icon-music icon-white"></i><span class="mp3_name_text"><?php echo $mp3_name ?></span></span></a> </div> 

Le jplayer ressemble à ceci dans mon bas de page:

<div id="jp_container_1" class="jp-audio"> 
    <div class="jp-type-single"> 
     <div class="jp-gui jp-interface"> 
      <ul class="jp-controls"> 
       <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> 
       <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> 
       <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li> 
      </ul> 

      <!-- 
      <ul class="jp-toggles"> 
       <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li> 
       <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li> 
      </ul> 
      --> 

      <div class="jp-progress-group"> 
       <div class="jp-current-time"></div> 
       <div class="jp-progress"> 
        <div class="jp-seek-bar"> 
         <div class="jp-play-bar"></div> 
        </div> 
       </div> 
       <div class="jp-duration"></div> 
      </div> 

      <div class="jp-volume-group"> 
       <a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a> 
       <a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a> 
       <div class="jp-volume-bar"> 
        <div class="jp-volume-bar-value"></div> 
       </div> 
       <a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a> 
      </div> 

      <div class="jp-time-holder"> 

      </div> 

     </div> 
     <div class="jp-title"> 
      <ul> 
       <li></li> 
      </ul> 
     </div> 

     <div class="jp-no-solution"> 
      <span>Update Required</span> 
      To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. 
     </div> 

    </div> 
</div> 

Et le javascript pour charger le mp3:

function initMp3(mp3file, mp3info){ 
jQuery.noConflict()(function($){ 
/* DEBUG 
window.alert(mp3file); 
window.alert(mp3info); 
*/ 

$("#jp_container_1").css("display","block"); 

$("#jquery_jplayer_1").jPlayer("clearMedia"); 
$("#jquery_jplayer_1").jPlayer("setMedia" , { 
    mp3:mp3file 
}); 

$("#jquery_jplayer_1").jPlayer({ 
    ready: function() { 
     $(this).jPlayer("setMedia", { 
      mp3:mp3file 
     }).jPlayer("play"); 
    }, 

    swfPath: "js", 
    supplied: "mp3", 
    wmode: "window" 
}) 

$(".jp-title ul li").text(mp3info); 
$("#jquery_jplayer_1").jPlayer("play"); 

}); 
}; 

J'ai vraiment cherché mais je ne peux pas trouver pourquoi cela ne fonctionne pas, un y idée?

Répondre

0

Ok je résolu le problème, mon chemin swf était cassé et pour une raison quelconque, Firefox ne peut pas nous le lecteur html ...

Questions connexes