如何使用mediaelement.js获取HTML5音频播放列表?

| 我尝试在mediaelement.js中搜索音频播放列表的示例。但是我没有发现,mediaelement.js是否支持音频播放列表?如果是这样,请为我提供示例代码或链接。非常感谢你。     
已邀请:
        我设法获得了一个以播放WordPress主题工作的播放列表的超级基本(演示:hacky)演示。您要做的就是使用一组ID,一个类或本例中的“ 0”标签设置多个媒体元素。 然后,您可以使用JS来查看播放器何时结束(停止播放音乐),并运行一些基本条件来查看哪个播放器正在播放,接下来应该播放哪个播放器以及如果没有下一个播放器,请从头开始。再次,这很hacky,但似乎对我有用。 HTML:
<figure class=\"entry-audio\">
    <audio id=\"wp_mep_1\" controls=\"controls\">
        <source src=\"linkto/music.mp3\" type=\"audio/mp3\" />
        <object width=\"100%\" height=\"23\" type=\"application/x-shockwave-flash\" data=\"flashmediaelement.swf\">
            <param name=\"movie\" value=\"flashmediaelement.swf\" />
            <param name=\"flashvars\" value=\"controls=true&amp;file=linkto/music.mp3\" />
        </object>
    </audio>
</figure>
<!-- .entry-audio -->

<figure class=\"entry-audio\">
    <audio id=\"wp_mep_2\" controls=\"controls\">
        <source src=\"linkto/music.mp3\" type=\"audio/mp3\" />
        <object width=\"100%\" height=\"23\" type=\"application/x-shockwave-flash\" data=\"flashmediaelement.swf\">
            <param name=\"movie\" value=\"flashmediaelement.swf\" />
            <param name=\"flashvars\" value=\"controls=true&amp;file=linkto/music.mp3\" />
        </object>
    </audio>
</figure>
<!-- .entry-audio -->

<figure class=\"entry-audio\">
    <audio id=\"wp_mep_3\" controls=\"controls\">
        <source src=\"linkto/music.mp3\" type=\"audio/mp3\" />
        <object width=\"100%\" height=\"23\" type=\"application/x-shockwave-flash\" data=\"flashmediaelement.swf\">
            <param name=\"movie\" value=\"flashmediaelement.swf\" />
            <param name=\"flashvars\" value=\"controls=true&amp;file=linkto/music.mp3\" />
        </object>
    </audio>
</figure>
<!-- .entry-audio -->
JavaScript:
jQuery(function (jQuery) {
    // make an array for the mediaelement players
    var mediaElementPlayers = new Array();

    // run mediaelement.js (Ignore options)
    jQuery(\'audio\').mediaelementplayer({
        iPadUseNativeControls: false,
        iPhoneUseNativeControls: false,
        AndroidUseNativeControls: false,
        pauseOtherPlayers: true,
        success: function (mediaElement, domObject) {
            // add this mediaelement to the mediaElementPlayers array
            mediaElementPlayers.push(mediaElement);
            console.log(mediaElement);
            mediaElement.addEventListener(\'ended\', function (e) {
                playNext(e.target);
            }, false);
        },
        keyActions: []
    })

    // find the current player and start playing the following player
    function playNext(currentPlayer) {
        for (i = 0; i < mediaElementPlayers.length; i++) {
            if (mediaElementPlayers[i] == currentPlayer) {
                if (mediaElementPlayers[i + 1] == undefined) { // If this is the last player Start from the beginning
                    mediaElementPlayers[0].play();
                } else { // Start the next player
                    mediaElementPlayers[i + 1].play();
                }
            }
        }
    }
});
    
        不,没有播放列表。 如果您正在寻找具有此功能的播放器,请在此处查看:http://praegnanz.de/html5video/ 另外,您只需使用mediaelementjs JavaScript API即可轻松制作播放列表。这是非常简单的任务,IMO不需要为此提供额外的支持。     

要回复问题请先登录注册