jPlayer Google 애널리틱스 재생 목록

Question

jPlayer 재생 목록을 사용 중입니다. Google 애널리틱스 이벤트를 추가하여 재생 버튼을 누르고 재생 목록의 제목을 클릭하거나 다음 또는 이전 또는 해당 노래를 클릭하여 재생 된 노래를 표시하는 데 도움이 필요합니다. 노래의 끝에서 전진한다. API 참조에 명시된대로 ID로 플레이어를 참조하려고했지만 콘솔 로그가 표시되지 않습니다. 명확하게하기 위해, 나는 내 진짜 제목을 보여주지까지이 코드를 청소하고 URL의

$(document).ready(function(){ 

var myPlaylist = new jPlayerPlaylist({ 
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
}, [ 
    { 
     title:"<Title Here>", 

        m4v: "<Link Here>", 
     poster:" <Link Here> " 
    }, 
      { 
     title:"<Title Here>", 

        m4v: " <Link Here> ", 
     poster:" <Link Here> " 
    }, 
    { 
     title:" <Title Here> ", 
     m4v: " <Link Here> ", 
     poster: " <Link Here> " 
    } 
], { 
    swfPath: "js", 
           solution:"flash, html", 
    supplied: "m4v " 
}); 

$("#jquery_jplayer_1").jPlayer({ 
    ready: function() { 
     console.log('here'); 
    }, 
    ended: function() { 
     console.log('here'); 
    } 
}); 
}); 

어떤 도움에 감사드립니다.

Answer 1

"swfPath"등과 함께 jPlayerPlaylist 생성자의 세 번째 매개 변수에 이벤트 핸들러를 제공해야합니다. 예에서 다음이 작동해야합니다 (재생 목록 매개 변수를 별도의 변수로 리팩토링하여 코드를 다소 수정했습니다) :

$(document).ready(function() { 
    var playlist = [ 
    {title: "<Title Here>", m4v: "<Link Here>", poster: "<Link Here>"}, 
    {title: "<Title Here>", m4v: "<Link Here>", poster: "<Link Here>"}, 
    {title: "<Title Here>", m4v: "<Link Here>", poster: "<Link Here>"} 
    ]; 

    var myPlaylist = new jPlayerPlaylist({ 
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
    }, playlist, { 
    swfPath: "js", 
    solution:"flash, html", 
    supplied: "m4v", 
    ready: function() { 
     console.log('here'); 
    }, 
    ended: function() { 
     console.log('here'); 
    } 
    }); 
});