0

私は友人と個人的なブログを作成しています。そこでは、soundcloudを介してお気に入りの曲をアップロードし、曲を次々に再生したいと思っています。

これは、各曲がページに表示される内容の一般的な考え方です。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>

唯一の問題は、曲が終わると何も起こらないということです。そして、プレイリストAPIを使用せずに、Javascriptを使用して曲がいつ終了するかを見つけ（onMediaEndを使用）、次の曲を自動的に再生できるかどうかを調べていました。

ありがとう

4

1 に答える 1

1

これは、カスタムプレーヤーAPIに基づく例です。

http://jsfiddle.net/8mWXq/

グラフィックをJSFiddleにロードできませんでしたが、最初のトラックをクリックして再生を開始し、最後の方でFF（クリック）して、最初のトラックが停止すると2番目のトラックが開始します。

<!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>
于 2013-03-18T16:15:11.367 に答える