Radio PLayer not working or finding my radio

[EngeldesTodes]

I trying to get my Radio PLayer working but it keeps coming up as error and i not sure what i done wrong with it

You must be registered for see images attach

 

[Pinkman]

I trying to get my Radio PLayer working but it keeps coming up as error and i not sure what i done wrong with it

You must be registered for see images attach

Show us your code.

 

[EngeldesTodes]

Show us your code.

the rscript and client radio and client.php
 
rscript.php

<script>
;
(function(window, undefined) {

  'use strict';

  var AudioPlayer = (function() {

    // Player vars
    var
      player = document.getElementById('ap'),
      playBtn,
      prevBtn,
      nextBtn,
      plBtn,
      repeatBtn,
      volumeBtn,
      progressBar,
      preloadBar,
      curTime,
      durTime,
      trackTitle,
      audio,
      index = 0,
      playList,
      volumeBar,
      volumeLength,
      repeating = false,
      seeking = false,
      rightClick = false,
      apActive = false,
      // playlist vars
      pl,
      plLi,
      // settings
      settings = {
        volume: 0.3,
        autoPlay: false,
        notification: true,
        playList: []
      };

    function init(options) {

      if (!('classList' in document.documentElement)) {
        return false;
      }

      if (apActive || player === null) {
        return;
      }

      settings = extend(settings, options);

      // get player elements
      playBtn = player.querySelector('.ap-toggle-btn');
      prevBtn = player.querySelector('.ap-prev-btn');
      nextBtn = player.querySelector('.ap-next-btn');
      repeatBtn = player.querySelector('.ap-repeat-btn');
      volumeBtn = player.querySelector('.ap-volume-btn');
      plBtn = player.querySelector('.ap-playlist-btn');
      curTime = player.querySelector('.ap-time--current');
      durTime = player.querySelector('.ap-time--duration');
      trackTitle = player.querySelector('.ap-title');
      progressBar = player.querySelector('.ap-bar');
      preloadBar = player.querySelector('.ap-preload-bar');
      volumeBar = player.querySelector('.ap-volume-bar');

      playList = settings.playList;

      playBtn.addEventListener('click', playToggle, false);
      volumeBtn.addEventListener('click', volumeToggle, false);
      repeatBtn.addEventListener('click', repeatToggle, false);

      progressBar.parentNode.parentNode.addEventListener('mousedown', handlerBar, false);
      progressBar.parentNode.parentNode.addEventListener('mousemove', seek, false);
      document.documentElement.addEventListener('mouseup', seekingFalse, false);

      volumeBar.parentNode.parentNode.addEventListener('mousedown', handlerVol, false);
      volumeBar.parentNode.parentNode.addEventListener('mousemove', setVolume);
      document.documentElement.addEventListener('mouseup', seekingFalse, false);

      prevBtn.addEventListener('click', prev, false);
      nextBtn.addEventListener('click', next, false);

      apActive = true;

      // Create playlist
      renderPL();
      plBtn.addEventListener('click', plToggle, false);

      // Create audio object
      audio = new Audio();
      audio.volume = settings.volume;

      if (isEmptyList()) {
        empty();
        return;
      }

      audio.src = playList[index].file;
      audio.preload = 'auto';
      trackTitle.innerHTML = playList[index].title;
      volumeBar.style.height = audio.volume * 100 + '%';
      volumeLength = volumeBar.css('height');

      audio.addEventListener('error', error, false);
      audio.addEventListener('timeupdate', update, false);
      audio.addEventListener('ended', doEnd, false);

      if (settings.autoPlay) {
        audio.play();
        playBtn.classList.add('playing');
        plLi[index].classList.add('pl-current');
      }
    }
//'<img src="http://switchhotel.net/app/tpl/skins/SwitchCMS/images/logo2.png" />' ;
    /**
     *  PlayList methods
     */
    function renderPL() {
      var html = [];
      var tpl =
        
        '<li data-track="{count}">' +
        '<div class="pl-number">' +
        '<div class="pl-count">' +
        '<svg fill="#000000" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg">' +
        '<path d="M0 0h24v24H0z" fill="none"/>' +
        '<path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/>' +
        '</svg>' +
        '</div>' +
        '<div class="pl-playing">' +
        '<div class="eq">' +
        '<div class="eq-bar"></div>' +
        '<div class="eq-bar"></div>' +
        '<div class="eq-bar"></div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '<div class="pl-title"><b>{title}</b></div>' +
        '<button class="pl-remove">' +
        '<svg fill="#000000" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg">' +
        '<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>' +
        '<path d="M0 0h24v24H0z" fill="none"/>' +
        '</svg>' +
        '</button>' +
        '</li>';

      playList.forEach(function(item, i) {
        html.push(
          tpl.replace('{count}', i).replace('{title}', item.title)
        );
      });

      pl = create('div', {
        'className': 'pl-container hide',
        'id': 'pl',
        'innerHTML': !isEmptyList() ? '<ul class="pl-list">' + html.join('') + '</ul>' : '<div class="pl-empty">PlayList is empty</div>'
      });

      player.parentNode.insertBefore(pl, player.nextSibling);

      plLi = pl.querySelectorAll('li');

      pl.addEventListener('click', listHandler, false);
    }

    function listHandler(evt) {
      evt.preventDefault();
      if (evt.target.className === 'pl-title') {
        var current = parseInt(evt.target.parentNode.getAttribute('data-track'), 10);
        index = current;
        play();
        plActive();
      } else {
        var target = evt.target;
        while (target.className !== pl.className) {
          if (target.className === 'pl-remove') {
            var isDel = parseInt(target.parentNode.getAttribute('data-track'), 10);

            playList.splice(isDel, 1);
            target.parentNode.parentNode.removeChild(target.parentNode);

            plLi = pl.querySelectorAll('li');

            [].forEach.call(plLi, function(el, i) {
              el.setAttribute('data-track', i);
            });

            if (!audio.paused) {

              if (isDel === index) {
                play();
              }

            } else {
              if (isEmptyList()) {
                empty();
              } else {
                // audio.currentTime = 0;
                audio.src = playList[index].file;
                document.title = trackTitle.innerHTML = playList[index].title;
                progressBar.style.width = 0;
              }
            }
            if (isDel < index) {
              index--;
            }

            return;
          }
          target = target.parentNode;
        }

      }
    }

    function plActive() {
      if (audio.paused) {
        plLi[index].classList.remove('pl-current');
        return;
      }
      var current = index;
      for (var i = 0, len = plLi.length; len > i; i++) {
        plLi[i].classList.remove('pl-current');
      }
      plLi[current].classList.add('pl-current');
    }

    /**
     *  Player methods
     */
    function error() {
      !isEmptyList() && next();
    }

    function play() {

      index = (index > playList.length - 1) ? 0 : index;
      if (index < 0) index = playList.length - 1;

      if (isEmptyList()) {
        empty();
        return;
      }

      audio.src = playList[index].file;
      audio.preload = 'auto';
      document.title = trackTitle.innerHTML = playList[index].title;
      audio.play();
      notify(playList[index].title, {
        icon: playList[index].icon,
        body: 'Now playing',
        tag: 'music-player'
      });
      playBtn.classList.add('playing');
      plActive();
    }

    function prev() {
      index = index - 1;
      play();
    }

    function next() {
      index = index + 1;
      play();
    }

    function isEmptyList() {
      return playList.length === 0;
    }

    function empty() {
      audio.pause();
      audio.src = '';
      trackTitle.innerHTML = 'queue is empty';
      curTime.innerHTML = '--';
      durTime.innerHTML = '--';
      progressBar.style.width = 0;
      preloadBar.style.width = 0;
      playBtn.classList.remove('playing');
      pl.innerHTML = '<div class="pl-empty">PlayList is empty</div>';
    }

    function playToggle() {
      if (isEmptyList()) {
        return;
      }
      if (audio.paused) {
        audio.play();
        notify(playList[index].title, {
          icon: playList[index].icon,
          body: 'Now playing'
        });
        this.classList.add('playing');
      } else {
        audio.pause();
        this.classList.remove('playing');
      }
      plActive();
    }

    function volumeToggle() {
      if (audio.muted) {
        if (parseInt(volumeLength, 10) === 0) {
          volumeBar.style.height = '100%';
          audio.volume = 1;
        } else {
          volumeBar.style.height = volumeLength;
        }
        audio.muted = false;
        this.classList.remove('muted');
      } else {
        audio.muted = true;
        volumeBar.style.height = 0;
        this.classList.add('muted');
      }
    }

    function repeatToggle() {
      var repeat = this.classList;
      if (repeat.contains('ap-active')) {
        repeating = false;
        repeat.remove('ap-active');
      } else {
        repeating = true;
        repeat.add('ap-active');
      }
    }

    function plToggle() {
      this.classList.toggle('ap-active');
      pl.classList.toggle('hide');
    }

    function update() {
      if (audio.readyState === 0) return;

      var barlength = Math.round(audio.currentTime * (100 / audio.duration));
      progressBar.style.width = barlength + '%';

      var
        curMins = Math.floor(audio.currentTime / 60),
        curSecs = Math.floor(audio.currentTime - curMins * 60),
        mins = Math.floor(audio.duration / 60),
        secs = Math.floor(audio.duration - mins * 60);
      (curSecs < 10) && (curSecs = '0' + curSecs);
      (secs < 10) && (secs = '0' + secs);

      curTime.innerHTML = curMins + ':' + curSecs;
      durTime.innerHTML = mins + ':' + secs;

      var buffered = audio.buffered;
      if (buffered.length) {
        var loaded = Math.round(100 * buffered.end(0) / audio.duration);
        preloadBar.style.width = loaded + '%';
      }
    }

    function doEnd() {
      if (index === playList.length - 1) {
        if (!repeating) {
          audio.pause();
          plActive();
          playBtn.classList.remove('playing');
          return;
        } else {
          index = 0;
          play();
        }
      } else {
        index = (index === playList.length - 1) ? 0 : index + 1;
        play();
      }
    }

    function moveBar(evt, el, dir) {
      var value;
      if (dir === 'horizontal') {
        value = Math.round((evt.clientX - el.offset().left) * 100 / el.parentNode.offsetWidth);
        el.style.width = value + '%';
        return value;
      } else {
        var offset = el.offset().top + el.offsetHeight;
        value = Math.round((offset - evt.clientY));
        if (value > 100) value = 100;
        if (value < 0) value = 0;
        volumeBar.style.height = value + '%';
        return value;
      }
    }

    function handlerBar(evt) {
      rightClick = (evt.which === 3) ? true : false;
      seeking = true;
      seek(evt);
    }

    function handlerVol(evt) {
      rightClick = (evt.which === 3) ? true : false;
      seeking = true;
      setVolume(evt);
    }

    function seek(evt) {
      if (seeking && rightClick === false && audio.readyState !== 0) {
        var value = moveBar(evt, progressBar, 'horizontal');
        audio.currentTime = audio.duration * (value / 100);
      }
    }

    function seekingFalse() {
      seeking = false;
    }

    function setVolume(evt) {
      volumeLength = volumeBar.css('height');
      if (seeking && rightClick === false) {
        var value = moveBar(evt, volumeBar.parentNode, 'vertical') / 100;
        if (value <= 0) {
          audio.volume = 0;
          volumeBtn.classList.add('muted');
        } else {
          if (audio.muted) audio.muted = false;
          audio.volume = value;
          volumeBtn.classList.remove('muted');
        }
      }
    }

    function notify(title, attr) {
      if (!settings.notification) {
        return;
      }
      if (window.Notification === undefined) {
        return;
      }
      window.Notification.requestPermission(function(access) {
        if (access === 'granted') {
          var notice = new Notification(title.substr(0, 110), attr);
          notice.onshow = function() {
              setTimeout(function() {
                notice.close();
              }, 5000);
            }
            // notice.onclose = function() {
            //   if(noticeTimer) {
            //     clearTimeout(noticeTimer);
            //   }
            // }
        }
      })
    }

    /* Destroy method. Clear All */
    function destroy() {
      if (!apActive) return;

      playBtn.removeEventListener('click', playToggle, false);
      volumeBtn.removeEventListener('click', volumeToggle, false);
      repeatBtn.removeEventListener('click', repeatToggle, false);
      plBtn.removeEventListener('click', plToggle, false);

      progressBar.parentNode.parentNode.removeEventListener('mousedown', handlerBar, false);
      progressBar.parentNode.parentNode.removeEventListener('mousemove', seek, false);
      document.documentElement.removeEventListener('mouseup', seekingFalse, false);

      volumeBar.parentNode.parentNode.removeEventListener('mousedown', handlerVol, false);
      volumeBar.parentNode.parentNode.removeEventListener('mousemove', setVolume);
      document.documentElement.removeEventListener('mouseup', seekingFalse, false);

      prevBtn.removeEventListener('click', prev, false);
      nextBtn.removeEventListener('click', next, false);

      audio.removeEventListener('error', error, false);
      audio.removeEventListener('timeupdate', update, false);
      audio.removeEventListener('ended', doEnd, false);
      player.parentNode.removeChild(player);

      // Playlist
      pl.removeEventListener('click', listHandler, false);
      pl.parentNode.removeChild(pl);

      audio.pause();
      apActive = false;
    }

    /**
     *  Helpers
     */
    function extend(defaults, options) {
      for (var name in options) {
        if (defaults.hasOwnProperty(name)) {
          defaults[name] = options[name];
        }
      }
      return defaults;
    }

    function create(el, attr) {
      var element = document.createElement(el);
      if (attr) {
        for (var name in attr) {
          if (element[name] !== undefined) {
            element[name] = attr[name];
          }
        }
      }
      return element;
    }

    Element.prototype.offset = function() {
      var el = this.getBoundingClientRect(),
        scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
        scrollTop = window.pageYOffset || document.documentElement.scrollTop;

      return {
        top: el.top + scrollTop,
        left: el.left + scrollLeft
      };
    };

    Element.prototype.css = function(attr) {
      if (typeof attr === 'string') {
        return getComputedStyle(this, '')[attr];
      } else if (typeof attr === 'object') {
        for (var name in attr) {
          if (this.style[name] !== undefined) {
            this.style[name] = attr[name];
          }
        }
      }
    };

    /**
     *  Public methods
     */
    return {
      init: init,
      destroy: destroy
    };

  })();

  window.AP = AudioPlayer;

})(window);



// test image for web notifications
var iconImage = 'http://nitrohotel.stream/images/headset.png';

AP.init({
  playList: [
    {'icon': iconImage, 'title': 'Nitro FM', 'file': 'http://perseus.shoutca.st:8580/stream'},
  
  ]
});

setTimeout(function() {
    $('.overlay-ribbon').fadeOut('fast');
}, 1000); // <-- time in milliseconds
</script>

 

[EngeldesTodes]

clientradio.php

<style>
*,
*:before,
*:after {
  box-sizing: border-box;
}


.hide {
  display: none!important;
}


button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}


.ap {
  position: fluid;
  right: 0;
  bottom: 0;
  left: 0;
  height: 48px;
  margin: auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  user-select: none;
  color: #333;
  background: #1C1C1A;
  border-top: 1px solid #1C1C1A;
  z-index: 9999;
  -webkit-transition: all 30s ease-in-out;
  -moz-transition: all 30s ease-in-out;
  -o-transition: all 30s ease-in-out;
  transition: all 1s ease-in-out;
}


.ap-inner {
  max-width: 1440px;
  margin: 0 auto;
}


.ap-panel {
  display: flex;
}


.ap-item {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}


.ap--track {
  flex: 1 40%;
  padding: 0 20px;
}


.ap-info {
  width: 100%;
  position: relative;
  align-self: flex-start;
  padding: 5px 0 0;
}


.ap-title {
  position: relative;
  overflow: hidden;
  padding-right: 80px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
}


.ap-title:hover {
  position: relative;
  overflow: hidden;
  padding-right: 80px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: red;
  font-weight: bold;
}


.ap-time {
  position: absolute;
  top: 5px;
  right: 0;
  color: white;
}


.ap-time:hover {
  position: absolute;
  top: 5px;
  right: 0;
  color: red;
  font-weight: bold;
}


.ap-progress-container {
  padding: 5px 0 10px;
  cursor: pointer;
}


.ap-progress {
  position: relative;
  height: 3px;
  border-radius: 5px;
  background: #eee;
}


.ap-preload-bar,
.ap-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  border-radius: 5px 0 0 5px;
  background: rgba(0, 0, 0, .3);
  z-index: 999;
}


.ap-bar {
  background: red;
  z-index: 9999;
}


.ap-bar:after {
  position: absolute;
  top: 0;
  right: -5px;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  content: '';
  border-radius: 6px;
  background: red;
  opacity: 0;
  transition: opacity .3s ease;
}


.ap-progress-container:hover .ap-bar:after {
  opacity: 1;
}


.ap-controls {
  position: relative;
  z-index: 1000;
  display: block;
  height: 50px;
  cursor: pointer;
  transition: background .2s ease;
  text-align: center;
  color: #fff;
  border: 0;
  outline: 0;
  background: none;
}


.ap-controls svg {
  fill: #eee;
}


.ap-controls:hover svg {
  fill: red;
}


.ap-controls:active {
  background: rgba(0, 0, 0, 3);
}


.ap--playback>.ap-controls,
.ap--settings>.ap-controls {
  flex: 0 25%;
}


.ap--pause,
.playing>.ap--play {
  display: none;
}


.playing>.ap--pause {
  display: inline;
}


.ap-volume-container {
  z-index: 9999;
}


.ap-volume {
  position: absolute;
  right: 0;
  bottom: 50px;
  overflow: hidden;
  width: 100%;
  height: 0;
  visibility: hidden;
  transition: height .2s cubic-bezier(0.17, 0.72, 0.26, 1.23);
  background: #1C1C1A;
  opacity: 0.7;
  border: 1px solid #1C1C1A;
  border-bottom: 0;
  z-index: 9999;
}


.ap-volume-btn {
  display: block;
  text-align: center;
  width: 100%;
}


.ap-volume-btn>.ap--volume-off,
.muted>.ap--volume-on {
  display: none;
}


.muted>.ap--volume-off {
  display: inline;
}


.ap-volume-container:hover {
  background: #696969;
}


.ap-volume-container:hover .ap-volume {
  height: 120px;
  visibility: visible;
}


.ap-volume-progress {
  display: block;
  width: 4px;
  height: 100px;
  margin: 10px auto;
  background: rgba(0, 0, 0, .2);
  position: relative;
  border-radius: 3px;
}


.ap-volume-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
  height: 50%;
  border-radius: 3px;
}


.ap-active {
  background: rgba(0, 0, 0, .15);
  opacity: 1;
}

 @KEYframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.playing>.ap--pause {
  animation: blink 1.9s linear infinite;
}

 @Media(max-width:880px) {
  .ap-item > .ap-controls {
    flex: 1;
  }
}

 @Media(max-width:550px) {
  .ap {
    min-width: 250px;
  }
  .ap,
  .ap-panel {
    height: auto;
  }
  .ap-panel {
    flex-wrap: wrap;
  }
  .ap--track {
    margin-bottom: 10px;
    padding: 0 20px;
    order: 1;
    flex: 1 1 100%;
  }
  .ap--playback,
  .ap--settings {
    flex: 1 1 50%;
    order: 2;
  }
}




/*--------------------
  PlayList
--------------------*/


.pl-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 50px;
  left: 0;
  margin: auto;
  overflow: auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #000;
  opacity: 0.7;
  z-index: 999;
}


.pl-lead {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  color: #333;
}


.pl-list {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  padding: 30px 10px;
}


.pl-list > li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}


.pl-number,
.pl-title,
.pl-remove {
  margin: 0 5px;
  padding: 10px 0;
}


.pl-number {
  flex: 0 10%;
  text-align: center;
}


.pl-playing {
  display: none;
  fill: rgb(255, 250, 250);
}


.pl-current .pl-count {
  display: none;
}


.pl-current .pl-playing {
  display: block;
}


.pl-current .pl-title {
  font-weight: 700;
}


.pl-title {
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}


.pl-title:hover {
  text-decoration: underline;
  font-weight: bold;
  font-style: italic;
  color: red;
}


.pl-remove {
  opacity: 0;
  margin-right: 0;
  cursor: pointer;
  text-align: center;
  flex: 0 50px;
}


.pl-remove:hover {
  background: red;
}


.pl-list > li:hover .pl-remove {
  opacity: 1;
}


.pl-list svg {
  fill: rgb(255, 250, 250);
}


.pl-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  transform: translate(-50%, -50%);
  letter-spacing: 2px;
  color: #ccc;
}

 @KEYframes eq {
  0% {
    height: 3px;
  }
  50% {
    height: 20px;
  }
  100% {
    height: 3px;
  }
}


.eq {
  display: flex;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
}


.eq-bar {
  width: 4px;
  background: rgb(255, 250, 250);
}


.eq-bar:nth-child(1) {
  animation: eq .8s ease-in-out infinite 0s;
}


.eq-bar:nth-child(2) {
  animation: eq .8s ease-in-out infinite .2s;
}


.eq-bar:nth-child(3) {
  animation: eq .8s ease-in-out infinite .4s;
}
</style>


<!-- Audio player -->
<div class="ap" id="ap">
  <div class="ap-inner">
    <div class="ap-panel">
      <div class="ap-item ap--playback">
      
        <button class="ap-controls ap-prev-btn">
          <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" height="24" viewBox="0 0 24 24" width="24">
              <path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>
              <path d="M0 0h24v24H0z" fill="none"/>
          </svg>
        </button>
        <button class="ap-controls ap-toggle-btn">
          <svg xmlns="http://www.w3.org/2000/svg" fill="#fff"  height="30" viewBox="0 0 24 24" width="30" class="ap--play">
            <path d="M8 5v14l11-7z"/>
            <path d="M0 0h24v24H0z" fill="none"/>
          </svg>
          <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" height="30" viewBox="0 0 24 24" width="30" class="ap--pause">
              <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
              <path d="M0 0h24v24H0z" fill="none"/>
          </svg>
        </button>
        <button class="ap-controls ap-next-btn">
          <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" height="24" viewBox="0 0 24 24" width="24">
              <path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>
              <path d="M0 0h24v24H0z" fill="none"/>
          </svg>
        </button>
      </div>
      <div class="ap-item ap--track">
        <div class="ap-info">
          <div class="ap-title">Error</b></div>
          <div class="ap-time">
            <span class="ap-time--current">--</span>
            <span> / </span>
            <span class="ap-time--duration">--</span>
          </div>

          <div class="ap-progress-container">
            <div class="ap-progress">
              <div class="ap-bar"></div>
              <div class="ap-preload-bar"></div>
            </div>
          </div>

        </div>
      </div>
      <div class="ap-item ap--settings">
        <div class="ap-controls ap-volume-container">
          <button class="ap-volume-btn">
            <svg fill="#ffffff" height="48" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" class="ap--volume-on">
                <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
                <path d="M0 0h24v24H0z" fill="none"/>
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" height="48" viewBox="0 0 24 24" width="24" class="ap--volume-off">
                <path d="M7 9v6h4l5 5V4l-5 5H7z"/>
                <path d="M0 0h24v24H0z" fill="none"/>
            </svg>
          </button>
          <div class="ap-volume">
            <div class="ap-volume-progress"><div class="ap-volume-bar"></div></div>
          </div>
        </div>
        <button class="ap-controls ap-repeat-btn">
          <svg fill="#ffffff"  height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
              <path d="M0 0h24v24H0z" fill="none"/>
              <path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>
          </svg>
        </button>
        <button class="ap-controls ap-playlist-btn">
          <svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
              <path d="M0 0h24v24H0z" fill="none"/>
              <path d="M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v-2H3v2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z"/>
          </svg>
        </button>
      </div>
    </div>
  </div>

</div>

 
client.php

<?php include_once("forcevote.php"); ?>
            <script>
function fullscreen(){document.fullScreenElement&&null!==document.fullScreenElement||!document.mozFullScreen&&!document.webkitIsFullScreen?document.documentElement.requestFullScreen?(document.documentElement.requestFullScreen(),$("#fl_but").toggleClass("nrml")):document.documentElement.mozRequestFullScreen?(document.documentElement.mozRequestFullScreen(),$("#fl_but").toggleClass("nrml")):document.documentElement.webkitRequestFullScreen&&(document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT),$("#fl_but").toggleClass("nrml")):document.cancelFullScreen?(document.cancelFullScreen(),$("#fl_but").removeClass("nrml")):document.mozCancelFullScreen?(document.mozCancelFullScreen(),$("#fl_but").removeClass("nrml")):document.webkitCancelFullScreen&&(document.webkitCancelFullScreen(),$("#fl_but").removeClass("nrml"))}
</script>
<style>.full_screen_but{background-color:#ffb900;border:2px solid;border-color:#ffea00;color:#000!important;font-size:.75em;width:30px;height:25px;border-radius:7px;box-shadow:0 3px 0 1px rgba(0,0,0,.3);display:block;position:absolute;top:5px;left:5px;background-image:url(http://nitrohotel.stream/ful.png);background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:9999999}.full_screen_but:hover{background-color:#ffd400;border-color:#fffd70}.full_screen_but.nrml{background-color:#ffb900;border:2px solid;border-color:#ffea00;color:#000!important;font-size:.75em;width:30px;height:25px;border-radius:7px;box-shadow:0 3px 0 1px rgba(0,0,0,.3);display:block;position:absolute;top:10px;left:10px;background-image:url(http://nitrohotel.stream/ful.png);background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:9999999}.full_screen_but.nrml:hover{background-color:#ffd400;border-color:#fffd70}</style>
<!DOCTYPE html>
<html lang="en">
    <head>
        <?php include ('/rScript.php');?>
        <link rel="shortcut icon" href="http://nitrohotel.stream/app/tpl/skins/Layout/images/favicon.ico" type="image/vnd.microsoft.icon"/>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Nitro Client</title>
        
        <link rel="stylesheet" href="http://nitrohotel.stream/app/tpl/skins/Habbo/styles/client.css" type="text/css"/>
    

        
        <script type="text/javascript" src="http://nitrohotel.stream/app/tpl/skins/Habbo/js/swfobject.js"></script>
        <script type="text/javascript">
            var BaseUrl = "http://nitrohotel.stream/swf/gordon/PRODUCTION-201701242205-837386173/";
            var flashvars =
            {
                "client.allow.cross.domain" : "0",
                "client.notify.cross.domain" : "1",               
                "connection.info.host" : "xx.xx.xx.xx",
                "connection.info.port" : "30000",
                "site.url" : "http://nitrohotel.stream",
                "url.prefix" : "http://nitrohotel.stream",
                "client.reload.url" : "http://nitrohotel.stream/404",
                "client.fatal.error.url" : "http://nitrohotel.stream/404",
                "client.connection.failed.url" : "http://nitrohotel.stream/404",
                "external.variables.txt" : "http://nitrohotel.stream/swf/gamedata/external_variables.txt",
                "external.texts.txt" : "http://nitrohotel.stream/swf/gamedata/external_flash_texts.txt",
                "external.override.texts.txt" : "http://nitrohotel.stream/swf/gamedata/override/external_flash_override_texts.txt",
                "external.override.variables.txt" : "http://nitrohotel.stream/swf/gamedata/override/external_override_variables.txt",
                "external.figurepartlist.txt" : "http://nitrohotel.stream/swf/gamedata/figuredata.xml",   
                "productdata.load.url" : "http://nitrohotel.stream/swf/gamedata/productdata.txt",
                "furnidata.load.url" : "http://nitrohotel.stream/swf/gamedata/furnidata.xml",
                "use.sso.ticket" : "1",
                "sso.ticket" : "{sso}",
                "client.starting" : "Please wait! {hotelName} is starting up.",               
                "processlog.enabled" : "0",
                "flash.client.url" : BaseUrl,
                "client.starting.revolving" : "Consequences.... ur shit",
                "flash.client.origin" : "popup"           
            };
            var params =
            {
                "base" : BaseUrl + "/",
                "allowScriptAccess" : "always",
                "menu" : "false"               
            };
            swfobject.embedSWF(BaseUrl + "habbo.swf", "client", "100%", "100%", "10.0.0", "http://nitrohotel.stream/swf/gordon/PRODUCTION-201701242205-837386173/expressInstall.swf", flashvars, params, null);
        </script>
       <?php include ('/rScript.php');?>

        <div id="client"></div>
        <?php include ('/clientradio.php');?>
  
</body>
        
    <?php include('includes/checktheban.php'); ?>
</html>

X's represent my vps IP
 
bump