Why do I get duplicate iFrames on my interactive embed

API
3

Ok, so I found out that the XMLHttpRequest was activating twice, sometimes even three times. To fix it I just added an if statement to make sure it only called once:

<script src= "https://player.twitch.tv/js/embed/v1.js"></script>
<div class="Red" id="red_1"></div>
<script>
var txt, line
var line = []

var client = new XMLHttpRequest();
client.open('GET', '../../Data/mcc teams.txt');
client.onreadystatechange = function(){
  txt = client.responseText
  line = txt.split(",");
  console.log("egg")

  run()
}

var count = 0
function run() {
  if (count == 0) {
    var r1 = new Twitch.Player("red_1", {
      width: 200,
      height: 100,
      channel: "moistcr1tikal",
      parent: ["127.0.0.1"]
    });
    r1.addEventListener(Twitch.Player.READY, function() {
      console.log(r1.getQualities());
      r1.setQuality("160p30")
      r1.setMuted(true)
    });
    count = count + 1
  }
}
client.send()
</script>
</body>

I don’t know why my XML request occured multiple times but I fixed it.