wordpress - 在wordpress中使用jPlayer播放来自不同网址的不同文件

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的音频使用不同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