다른 프레임에서 정보를 전달하는 Soundcloud 사용자 지정 플레이어

Question

SoundCloud 사용자 지정 플레이어 (https://github.com/soundcloud/soundcloud-custom-player)를 사용하고 있고 주 사이트를 탐색 할 때 오디오가 계속 재생 될 수 있도록 별도의 프레임에 있어야하는 사이트가 있습니다. 메인 프레임 내에서 상단 프레임의 플레이어에게 트랙 URL을 전달해야합니다. 나는 운이없는 아래 코드를 시도했다. 상단 프레임의 이름과 ID는 '재생'입니다. 아무도 내가 이것을 어떻게 할 수 있는지 조언 할 수 있습니까? 많은 감사합니다.

<a class="sc-remote-play" href="#">Play Me</a> 
<script type="text/javascript"> 
$(function() { 
$('a.sc-remote-play').live('click', function(event) { 
    $('top.frames["play"].sc-player').scPlayer({ 
    links: [{url: "http://SOUNDCLOUD_PATH_HERE"}], 
    autoPlay: true 
    }); 
}); 
}); 
</script> 

Answer 1

parent.frames을 사용하면 다른 프레임을 가져올 수 있습니다. This Page에는 프레임 작업 방법에 대한 설명이 나와 있습니다.

parent.frames[0]을 사용하면 첫 번째 프레임의 창으로 이동할 수 있습니다. 이 jQuery로에 요소를 찾으려면, 당신은 그것을 같은 컨텍스트를 줄 필요가 :

$('.sc-player', parent.frames[0].document) 

그러나, 이것은 당신이 서로에 대해 모르는 코드 연주 음악의 두 가지를해야합니다 것을 의미한다. 재생하는 기능을 만들고 다른 프레임에서 사용할 수있는 기능을 만드는 것이 더 바람직하다고 생각합니다. 플레이어 코드는 다음과 같이 될 것입니다 :

play = function(url) { 
    $('.sc-player').scPlayer({ 
    links: [{url: url}], autoPlay: true 
    }); 
}; 
$(function() { 
$(document).on('click','a.sc-playme1', function(event) { 
    play("http://soundcloud.com/axwell/cotu-dyrormx-dannyhoward"); 
}); 
$(document).on('click','a.sc-playme2', function(event) { 
    play("http://soundcloud.com/vatogonzalez/earthquakeremix"); 
}); 
}); 

사이트 코드는 다음 parent.frames[0]를 통해 호출합니다 : 여기

$(document).on('click','a.sc-playme4', function(event) { 
    parent.frames[0].play("http://soundcloud.com/vatogonzalez/earthquakeremix"); 
}); 

가 plunker 행동에 그것을 보여주는 것 : http://plnkr.co/edit/AvlipjpPvE7x15CstAiU?p=preview 저 4를 플레이하는 것은 작동 하나 . Play Me 3이 올바르게 작동하지 않습니다. Play Me 3 및 다른 링크를 모두 눌러 동시에 재생되는지 확인하십시오.