1

jPlayerプレイリストの最初の曲を再生するjQueryクリック関数を作成することは可能ですか?

ここでドキュメントを参照しています：

http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

クリックするとプレイリストの最初のトラックが再生される「再生」を表示するリンクの例がありますが、これがどのようにトリガーされているのかわかりません。

ドキュメントは後で参照します：

play([index:Number]) : ボイド

プレイリストのアイテムを再生します。パラメータが指定されていない場合は、現在のアイテムを再生します。正のインデックスはプレイリストの最初から項目を再生し、負のインデックスは最後から項目を再生します。

// Examples of usage:
myPlaylist.play(); // Plays the currently selected item
myPlaylist.play(0); // Plays the 1st item
myPlaylist.play(1); // Plays the 2nd item
myPlaylist.play(-1); // Plays the last item

私の質問は、この機能はjQueryのクリック機能を介してトリガーできますか?もしそうなら、誰かが必要な基本的な構文についてアドバイスできますか?

ありがとうございました。

アップデート：

より多くのコンテキストと私が試みていることの例を提供するために、ヘッド領域には既存のクリック機能があり、ここにもトラックを再生する命令を追加しようとしています。たとえば:

<script>
$(document).ready(function(){
$(".open_doors").click(function(){
$("#leftdoor_inner").animate({"left": "-=164px"}, 'slow');
// etc ....
// here is attempt to trigger jPlayer
myPlaylist.play(0); 
});
</script>

これはヘッド領域で定義されたプレイリストです:

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
var myPlaylist = new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1",
verticalVolume: "true",
}, [
{
title:"Cro Magnon Man",
mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
},
{
title:"Your Face",
mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg"
}
], {
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
});
//]]>
</script>

そのため、この設定は現在機能しておらず、jQuery クリック機能でプレイリストを適切に参照しているかどうかわかりません。

ありがとうございました。

更新、解決策:

わかりました解決策を見つけました。次の方法で、プレイリストを定義するスクリプト領域内にコードを追加する必要がありました (上記を参照)。

{
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
$(".open_doors").click(function() {
myPlaylist.play(0);
});
4

1 に答える 1

3

これはあまりにも単純な答えのように思えるので、何かが欠けている場合はご容赦ください。しかし、この種のことを試しましたか? (「要素」をユースケースに適したセレクターに置き換えます。)

$("element").click(function(){
    myPlaylist.play(0);
});
于 2012-10-25T16:02:53.147 に答える