音频播放列表:如何为“曲目改变”、“曲目结束”绑定事件?

时间:2014-07-02 作者:Atthapon Junpun-eak

我正在自定义本机Wordpress播放列表

echo do_shortcode(\'[playlist ids="3267,3266,821"]\');
我想绑定事件来检测“跟踪更改”和“跟踪结束”,并在这些事件触发时执行一些操作。

所以,我查看了wp播放列表。js。我看到了一些事件,但我不知道如何将其绑定到单独的js文件(jquery)上

events : {
        \'click .wp-playlist-item\' : \'clickTrack\',
        \'click .wp-playlist-next\' : \'next\',
        \'click .wp-playlist-prev\' : \'prev\'
    },

    clickTrack : function (e) {
        e.preventDefault();

        this.index = this.$( \'.wp-playlist-item\' ).index( e.currentTarget );
        this.setCurrent();
    },

    ended : function () {
        if ( this.index + 1 < this.tracks.length ) {
            this.next();
        } else {
            this.index = 0;
            this.current = this.tracks.at( this.index );
            this.loadCurrent();
        }
    },

    next : function () {
        this.index = this.index + 1 >= this.tracks.length ? 0 : this.index + 1;
        this.setCurrent();
    },

    prev : function () {
        this.index = this.index - 1 < 0 ? this.tracks.length - 1 : this.index - 1;
        this.setCurrent();
    },
是否可以绑定这些事件?

1 个回复
SO网友:bonger

您可以通过针对播放列表中的音频元素绑定到“结束”事件:

$(\'.wp-playlist .mejs-mediaelement audio\').on(\'ended\', function (event) {
    console.log(\'ended\');
});
“点击”事件只是标准事件,例如:

$(\'.wp-playlist-item\').on(\'click\', function (event) {
    console.log(\'clicked\');
});

结束

相关推荐

Media Manager(3.5版):如何在创建媒体框时显示空的媒体库?

有没有办法确保“媒体库”选项卡在我开始在“上载文件”选项卡中上载一些图像之前不会显示任何图像?我正在创建wp。具有以下代码的媒体框:var myframe = wp.media({ title : \'Bla Bla\', frame : \'select\', library: { //query : false, // not working type : \'image\', },&#x