При нажатии переключиться на другой потоковый интерфейс API Laravel - PullRequest
Новая
       22

При нажатии переключиться на другой потоковый интерфейс API Laravel

0 голосов
/ 28 февраля 2019

Мой вопрос касается API, и я хочу, чтобы, когда я нажал на ссылку пользователя, он открыл их конкретный канал потока на "", это код html: 

<body>
<div class='page container-fluid'>
<a name="top"></a>

<div class='spacer'></div>

<div class='block text-center'>
  <h1>Twitch TV JSON API</h1>
  <a href='https://www.twitch.tv/freecodecamp' target='blank'><h3 >FreeCodeCamp<span id='fcc'> ...</span></h3></a>
</div>

<div class='spacer'></div>

<div class='block'>
  <div class='row'>
    <div class='col-md-4' id='user'>
      User:<br>
    </div>
    <div class='col-md-4' id='status'>
      Status:<br>
    </div>
    <div class='col-md-4' id='game'>
      Game:<br>
    </div>
  </div>

</div>

<div class='spacer'></div>

<div id="twitch-embed"></div>

И это код для JS, надеюсь, нетрудно понять кодировку: 

$(function() {

 var follower = ["monstercat", "OgamingSC2", "cretetion", "freecodecamp", 
"storbeck", "habathcx", "RobotCaleb", "noobs2ninjas", "brunofin"];

    var embed = new Twitch.Embed("twitch-embed", {
    width: 200,
    height: 200,
    channel: follower,
    layout: "video",
    autoplay: false
  });

  embed.addEventListener(Twitch.Embed.VIDEO_READY, () => {
    var player = embed.getPlayer();
    player.play();
    console.log('The video is ready');
  });

  $.ajax({
type: 'GET',
url: 'https://api.twitch.tv/kraken/streams/freecodecamp', //change this to 
 test active
headers: {
  'client-ID': '59x9ex7f5zzongzntqx0zrwleoxy12'
},
success: function(data) {
  console.log(data);
  if (data.stream === null) {
    $('#fcc').html(' is offline');
  } else {
    $('#fcc').html(' is ONLINE!');
  }
},
error: function(err) {
  alert("Error");
}
});

for (var i = 0; i < follower.length; i++) {

 $.ajax({
  type: 'GET',
  url: 'https://api.twitch.tv/kraken/channels/' + follower[i],
  headers: {
    'client-ID': '59x9ex7f5zzongzntqx0zrwleoxy12'
  },
  success: function(dataI) {
   console.log(dataI.display_name);        
        var logo=dataI.logo;

      $('#user').append( '<a target="blank" href="https://www.twitch.tv/' + dataI.name + '">' + dataI.display_name + '</a><br>')

              $.ajax({
                type: 'GET',
                url: 'https://api.twitch.tv/kraken/streams/' + dataI.name, 
                headers: {
                  'client-ID': '59x9ex7f5zzongzntqx0zrwleoxy12'
                },
                success: function(data2) {


                var name = data2._links.self.slice(37)
                //console.log(data2);

                if (data2.stream === null) {                      
                  $('#status').append(' is offline<br>');
                  $('#game').append('N/A<br>');
                } else {
                  $('#status').append(' is ONLINE!<br>');
                  $('#game').append(data2.stream.game + '<br>');
                }


              },
              error: function(err) {
                alert("Error");
              }
            });

     },
       error: function(err) {
       alert("Error: One or more users is no longer available");
     }

   });
};

})

Есть ли в любом случае, чтобы это произошло?как функция щелчка по ссылке?TYIA!

...