Question

感谢这些人和他们的代码（How to get each track of a playlist with the Soundcloud API?），我的播放列表开始工作了。

但我想按下歌曲名称（不是不同的按钮）来开始/暂停播放。

我试着这样做：

playState property
togglePause()方法

我没有取得任何成功 - playState始终在console.log中显示“未定义”。第二个变种说 -

sound.togglePause不是一个函数。

这是我的代码变体之一。

SC.initialize({
        client_id: "53902af7a344bb0351898c47bc3d786f"
    });

$(document).ready(function(){

    
        SC.get('/users/8179872/playlists/135665862', function(playlist) {
            
        
        $(playlist.tracks).each(function(i, track) {
            
            var $tr = $('.tr').eq(i);
            
            $tr.append((i + 1) + ' ' + track.title);
            $tr.attr('value', track.id);
      
        });
            
    $('.tr').on('click', function(){
            
       var track_id = $(this).attr('value');

       SC.stream('/tracks/' + track_id, function(sound){
        
           if (sound.playState === undefined || sound.playState === 0 || 
               sound.paused === true) {
                     sound.play();
                     console.log(sound.playState);
           } else {
                     sound.pause();
           }
    
         });

      });
        
   }); 
});

<!DOCTYPE html>
<html>
<head>
    <title>music</title>
    <meta charset="windows-1251">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://connect.soundcloud.com/sdk-2.0.0.js"></script>
    <script src="http://soundmanagerv297a-20150601/script/soundmanager2.js"></script>
    <script src='scriptmine.js'></script>
    <link href="main.css" rel=stylesheet type="text/css">
</head>
<body>
      <div class="script_m">
          <ul class='pl_t'>
              <li class='tr'></li>
              <li class='tr'></li>
              <li class='tr'></li>
              <li class='tr'></li>
              <li class='tr'></li>
          </ul>
      </div>
 </body>
 </html>

使用Soundcloud构建自定义播放器。播放列表组织

0 个答案: