2013-03-14 3 views
0

나는 사운드 클라우드를 통해 우리가 좋아하는 노래를 업로드하고 노래가 차례로 재생되기를 원하는 친구와 개인 블로그를 만들고 있습니다.페이지에서 다음 노래를 재생하려고하는 Soundcloud Flash 위젯

이것은 각 노래가 페이지에 나열되는 일반적인 개념입니다.

http://jsfiddle.net/PJWQZ/
<div class="item"> 
<object height="200" width="200"> <param name="movie" value=  "https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F60974071&amp;auto_play=false&amp;player_type=artwork&amp;color=0066cc"> 
<param name="allowscriptaccess" value="always"> <embed allowscriptaccess="always" height="200" width="200" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F60974071&amp;auto_play=false&amp;player_type=artwork&amp;color=0066cc" type="application/x-shockwave-flash">   </object> 
</div> 

유일한 문제는 노래가 완료되면 아무 변화가 없다는 것입니다. 그리고 Javascript를 사용하여 노래가 끝날 때 (onMediaEnd를 사용하여) 재생 목록 API를 사용하지 않고도 자동으로 다음 노래를 재생할 수 있는지 알아보기 위해 찾고있었습니다.

감사

답변

1

다음은 Custom Player API 기반으로하는 예입니다.

http://jsfiddle.net/8mWXq/

나는 그래픽 JSFiddle에로드 할 수 그러나, FF 재생을 시작하는 첫 번째 트랙을 클릭하지 수 끝 부분 (클릭) 첫 번째 트랙이 멈출 때 두 번째가 시작됩니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
    <title>SC player example: Artwork Skin</title> 
    <link rel="stylesheet" href="../css/sc-player-artwork.css" type="text/css"> 
    </head> 
    <body> 
    <h1>I Love Cover-Art</h1> 
    <div class="post"> 
     <h2>2012</h2> 
     <div class="sc-player"> 
     <a href="http://soundcloud.com/kreek/you-know-it" class="sc-player">Track 1</a> 
     <a href="http://soundcloud.com/kreek/amnesia" class="sc-player">Track 2</a> 
     </div> 
    </div> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script type="text/javascript" src="../js/soundcloud.player.api.js"></script> 
    <script type="text/javascript" src="../js/sc-player.js"></script> 
    </body> 
</html> 
관련 문제