在wordpress中使用jPlayer从不同的url播放不同的文件

Posted 2023-02-25

【中文标题】在wordpress中使用jPlayer从不同的url播放不同的文件

【英文标题】：Use jPlayer in wordpress to play different files from different urls

【发布时间】：2015-10-15 05:27:23

【问题描述】：

在一个 wordpress 项目中，我想添加 jplayer 来播放音频文件。因此，由于我使用了自定义帖子类型，并且对于每个帖子，每个帖子都会有不同数量的音频和不同的音频。为了添加音频 url，我使用了 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。 任何帮助和建议都将是非常可观的。谢谢

【参考方案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