在WordPress中使用jPlayer播放來自不同URL的不同文件

Question

在wordpress項目中，我想添加jplayer來播放音頻文件。因此，由於我使用了自定義帖子類型，每個帖子都會有不同數量的音頻和不同的音頻。爲了添加音頻網址，我使用了ACF插件。現在有人可以告訴我如何使用jPlayer播放每個音頻文件沒有任何問題。因爲我知道jPlayer發揮得到了js文件源這樣

var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1", 
{ 
    m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a", 
}, { 
    cssSelectorAncestor: "#cp_container_1", 
    swfPath: "../../dist/jplayer", 
    wmode: "window", 
    keyEnabled: true 
}); 

因此，如何使用不同的網址從不同的URL音頻。 任何幫助和建議都將非常可觀。由於

Answer 1

可以打印在主題的頁腳腳本內嵌有這樣的代碼：

function myplugin_jplayer_script() { 
    global $post; 
    $key = 'your_key'; 
    $id = 'your_id'; 
    $playlist = get_post_meta($post->ID, $key, false);; 
    $out = ''; 
    $out .= '<script type="text/javascript">'; 
    if($playlist) { 
     $out .= 'var myCirclePlayer = new CirclePlayer("' . $id . '", {'; 
      foreach($playlist as $file){ 
       $out .= 'm4a: "'. $file .'",'; 
      } 
     $out .= '}, { 
      cssSelectorAncestor: "#cp_container_1", 
      swfPath: "../../dist/jplayer", 
      wmode: "window", 
      keyEnabled: true 
     });'; 
    } 
    $out .= '</script>'; 
    return $out; 
} 

我還沒有證明這個代碼，也許並不完全正確，但你可以得到的想法。從此插件中提取和修改：https://github.com/audiolab/JPlayer-Wordpress-Plugin/blob/master/jplayer/jplayer.php