如何使用JavaScript获取soundcloud follower计数

时间:2017-06-21 19:57:38

标签: javascript

有没有人知道如何将来自soundcloud的关注者数量放入一个JavaScript变量中,所以当我点击1K时我可以让它响起通知我跟我有代码笔的代码是由我分叉的另一个用户 我的代码是 - > here 如果你不想去看它,我把它包含在

之下

HTML

' <head> 
<meta http-equiv="refresh" content="5">
</head>
<div class="card">
<div class="icon">
    <i class="fa fa-soundcloud fa-3x"></i>
</div>

<div class="count"></div>
<span>followers</span>
</div>

<audio id="myAudio">
<source src="file:///home/chronos/u-95bb3831b1fe3a2c6fb7e71045f629e9434b1484/Downloads/echoed-ding.mp3" type="audio/mpeg">
 </audio>
<p id="demo"></p>

<button onclick="wright()" type="button">wright</button>
<!--
<button onclick="pauseAudio()" type="button">Pause Audio</button> 
!-->'

CSS

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans+Condensed:300);

$primary-font: "Montserrat";
$secondary-font: "Open Sans Condensed";




body {
background-color: #1F282D;

.card {
width: 145px;
height: 187px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
 opacity: 0;
 transition: .1s opacity;
/*border: 1px solid #fff;
border-radius: 6px;*/

 &.visible {
     opacity: 1;
 }

 .icon {
     position: relative;
     top: .85em;

 }

  .count {
      font-family: $primary-font;
      font-size: 4em;
      line-height: 1em;

      bottom: 0.9em;
  }

  span {
      font-family: $secondary-font;
      text-transform: uppercase;
      font-size: 1.1em;
      letter-spacing: 2px;

      bottom: 1.1em;
  }

  .count, span, .icon i.fa  {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);

      color: #fff;
  }
}
}

的javascript

var abbrev = {
1e3: "K",
1e6: "M"
};

aja()
.method("GET")
.url('https://api.soundcloud.com/users/awesomesauce105?consumer_key=8bcccc3476eaa137a084c9f0c041915f')
.on('200', function(res) {
    var followersCount = res.followers_count;
    Object.keys(abbrev).map(function(k) {
        k = +k;
        if (followersCount > k) {
            var a = followersCount / k,
                 short = a.toString().length > 3 ? Math.round(a * 10) / 10 : a;
            followersCount = short + abbrev[k];
        }
    });
    if (followersCount !== undefined) {
        $(".card .count").text(followersCount);
        $(".card").addClass("visible");
    }
})
.go();
var audio = new Audio('file:///home/chronos/u-95bb3831b1fe3a2c6fb7e71045f629e9434b1484/Downloads/html%205%20up/echoed-ding.mp3');
function playMyAudio() {
audio.play()
}
var x = document.getElementById("myAudio"); 

function playAudio() { 
x.play(); 
} 

function pauseAudio() { 
x.pause(); 
} 
function wright(){
document.getElementById("demo").innerHTML = ;
}

我的目标是在我点击1K后发出通知我跟我的chromebook上有一个mp3文件:///home/chronos/u-95bb3831b1fe3a2c6fb7e71045f629e9434b1484/Downloads/html%205%20up/echoed-ding.mp3     我试着让它玩几次,所以我可以庆祝。我不知道如何查看我拥有的关注者数量,所以我使用了其他人的代码,但由于我没有制作它,我不知道JavaScript部门发生了什么,因此我不能自己解决这个问题因为我通常只会查看当变量击中某个变量时如何运行函数...然后激活x.play()来播放声音...如果您有任何建议请告诉我们谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用Soundcloud的Javascript SDK从客户端访问其API。所以将它添加到您的HTML:

function pollSoundcloud (interval) {
  var timer = setInterval(function () {
    SC.get('/user/YOUR_USER_ID').then(function (user) {
      if (user.followers_count >= 1000) {
        clearInterval(timer)
        alert('You just reached 1000 followers!') // or do something else
      }
    })
  }, interval)
}

pollSoundcloud(10000) // will check every 10 seconds

不幸的是,当您的粉丝达到一定数量时,无法从Soundcloud的API接收“通知”。相反,您可以编写一个定期查找用户的函数,并在跟随者计数到达您想要的位置时执行一些特殊操作。所以在你的Javascript中,例如:

Final Result 2