2

WordPress の mp3-jplayer プラグインが WP 3.5 の更新で壊れたため、jPlayer を直接使用しています。開発者によって放棄されたようです。

このプラグインの優れた機能の 1 つは、現在のトラックのタイトルをコントロール バーの上の div に表示することです。また、プレイリストに 1 曲しかない場合は、プレイリストを非表示にするスクリプトがあるため、コントロール バーの上にはトラック タイトルだけが表示されます。この機能を通常の (非プラグイン) jPlayer に追加しようとしています。

jPlayer フォーラムから、このコードを使用して新しい div にタイトルを表示できます。

$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {
    var current = myPlaylist.current,
        playlist = myPlaylist.playlist;
    $.each(playlist, function (index, obj) {
        if (index == current) {
            $('.jp_current_track_title').text(obj.title);   
        }
    });
});

ただし、これはページの読み込み時にトラック タイトルを読み込みません。[再生] を押した後にのみ表示されます。プレーヤーが読み込まれると、プレイリストの最初のトラックが強調表示 (選択) されることに注意してください。

私の質問は、ページの読み込み時にトラックのタイトルを読み込むにはどうすればよいですか?

テストページはこちら。

私はjavascript/jQueryが初めてです。

前もって感謝します。

4

2 に答える 2

0

Jplayer は ready イベントも提供します: $.jPlayer.event.ready. プレーヤーがロードされたら、これを使用して同じことを行うことができるはずです。

于 2013-09-09T19:55:52.000 に答える