tennotv/assets/js/playerControl.js

Warframe YouTube Content

/* eslint-disable no-unused-vars, no-global-assign */
/* globals updatePlaylist, YT, getVideos, notify, $, addWatchedVideo,
queue, ready, done, player, playlistVid, setUrl, contentCreators,
resolveVideo, loadAuthorSocialsByVideoId, initialVideo, hello, ytApiKey
*/

let accessToken = 'MISSING';

function processVideoData(videoArray) {
  queue = queue.concat(videoArray);
  updatePlaylist(videoArray);
  if (ready && done) {
    if (videoArray[0]) {
      startVideo(videoArray[0].video_id);
    } else {
      notify('Not enough videos loaded from your tags, so we added some videos from other categories,<br /> they might be unrelated.');
      getVideos(true, true);
    }
  }
}
function getNextVideoId(currentVideoId = player.getVideoData().video_id) {
  let nextId;
  $.each(queue, queueIndex => {
    if (queue[queueIndex].video_id === currentVideoId) {
      if (typeof queue[queueIndex + 1] !== 'undefined') {
        nextId = queue[queueIndex + 1].video_id;
      } else {
        getVideos(true);
      }
    }
  });
  return nextId;
}

function loadVideo(videoId) {
  setUrl(`/v/${videoId}`);
  $('.table-active').removeClass('table-active');
  $(`#playlist #${videoId}`).addClass('table-active');
  player.loadVideoById(videoId);
  addWatchedVideo(videoId);
  loadAuthorSocialsByVideoId(videoId);
  if (queue[queue.length - 1].video_id === videoId) {
    getVideos(true);
  }
}
function loadHistoricalVideo(videoId) {
  if (!playlistVid) {
    playlistVid = player.getVideoData().video_id;
  }
  setUrl(`/v/${videoId}`);
  $('.table-active').removeClass('table-active');
  $(`#historyList #${videoId}`).addClass('table-active');
  player.loadVideoById(videoId);
}

/* Player events */
function onPlayerReady(event) {
  event.target.playVideo();
  loadAuthorSocialsByVideoId(player.getVideoData().video_id);
  if (!initialVideo) {
    window.history.pushState('', '', `/v/${player.getVideoData().video_id}`);
  }
}
function onPlayerStateChange(event) {
  const vidId = player.getVideoData().video_id;
  if (event.data === YT.PlayerState.ENDED && !done) {
    done = true;
    if (playlistVid && vidId !== playlistVid) {
      loadVideo(playlistVid);
      playlistVid = undefined;
    } else {
      const next = getNextVideoId(vidId);
      loadVideo(next);
    }
    done = false;
  }
}
function onPlayerError(event) {
  const reloadErrors = [2, 100, 101, 150];
  if (reloadErrors.includes(parseInt(event.data, 10))) {
    loadVideo(getNextVideoId());
  }
}

function onYouTubeIframeAPIReady() {
  ready = true;
}
function makeYTScripts() {
  /* Make the player */
  const tag = document.createElement('script');
  tag.src = 'https://www.youtube.com/iframe_api';
  const firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}
makeYTScripts();
function startVideo(videoId) {
  if (!player && ready) {
    done = false;
    player = new YT.Player('player', {
      videoId,
      events: {
        onReady: onPlayerReady,
        onStateChange: onPlayerStateChange,
        onError: onPlayerError,
      },
    });
    $('.table-active').removeClass('table-active');
    $(`#playlist #${videoId}`).addClass('table-active');
    addWatchedVideo(videoId);
  }
  if (player && ready && done) {
    loadVideo(videoId);
  }
}

function likeVideo() {
  const videoId = player.getVideoData().video_id;
  // If the like button already has the 'liked' class and is pressed,
  // send the 'none' rating instead to undo the like (otherwise, like the video via post)
  if ($('#playerLike').hasClass('liked')) {
    tryAuthenticateAndPost(`https://www.googleapis.com/youtube/v3/videos/rate?id=${videoId}&rating=none&key=${ytApiKey}&access_token=`);
    $('#playerLike').removeClass('liked');
  } else {
    tryAuthenticateAndPost(`https://www.googleapis.com/youtube/v3/videos/rate?id=${videoId}&rating=like&key=${ytApiKey}&access_token=`);
    $('#playerLike').addClass('liked');
    $('#playerDislike').removeClass('disliked');
  }
}

function dislikeVideo() {
  const videoId = player.getVideoData().video_id;
  // If the dislike button already has the 'disliked' class and is pressed,
  // send the 'none' rating instead to undo the dislike (otherwise, dislike the video via post)
  if ($('#playerDislike').hasClass('disliked')) {
    tryAuthenticateAndPost(`https://www.googleapis.com/youtube/v3/videos/rate?id=${videoId}&rating=none&key=${ytApiKey}&access_token=`);
    $('#playerDislike').removeClass('disliked');
  } else {
    tryAuthenticateAndPost(`https://www.googleapis.com/youtube/v3/videos/rate?id=${videoId}&rating=dislike&key=${ytApiKey}&access_token=`);
    $('#playerDislike').addClass('disliked');
    $('#playerLike').removeClass('liked');
  }
}

function tryAuthenticateAndPost(requestUrl) {
  // If the accessToken is set to missing, this means we haven't gotten it yet,
  // so use the google API login immediately, then call the function again
  if (accessToken === 'MISSING') {
    hello('google').login(() => {
      accessToken = hello('google').getAuthResponse().access_token;
      tryAuthenticateAndPost(requestUrl);
    });
  }

  // If we fail, try logging in and calling the function again
  $.post(requestUrl + accessToken).fail(() => {
    hello('google').login(() => {
      accessToken = hello('google').getAuthResponse().access_token;
      tryAuthenticateAndPost(requestUrl);
    });
  });
}