Soundcloud Flash小部件,试图在页面上播放下一首歌曲

Soundcloud Flash Widget, trying to play next song on page

本文关键字:放下 播放 一首 小部 Flash Soundcloud      更新时间:2023-09-26

我和我的朋友正在创建一个个人博客,我们通过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。

谢谢

下面是一个基于自定义播放器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>