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>

唯一的问题是，一旦歌曲完成，什么都不会发生。我正在寻找是否可以使用 Javascript 来查找歌曲何时结束（使用 onMediaEnd）并自动播放下一首歌曲，而无需使用播放列表 API。

谢谢

4

1 回答 1

1

这是一个基于自定义播放器 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>
于 2013-03-18T16:15:11.367 回答