video tabs

tabbed video sources on certain drama and anime sites

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        video tabs
// @namespace   gnblizz
// @description tabbed video sources on certain drama and anime sites
// @version     1.10
// @include     http://www.animehere.com/*
// @include     http://www.animenova.org/*
// @include     http://www.animeplus.tv/*
// @include     http://www.animesky.net/*
// @include     http://www.animetoon.org/*
// @include     http://www.animewow.eu/*
// @include     http://www.animewow.org/*
// @include     http://dramago.com/*
// @include     http://www.dramago.com/*
// @include     http://www.dramagalaxy.tv/*
// @include     http://www.gogoanime.to/*
// @include     http://www.goodanime.co/*
// @include     http://gooddrama.to/*
// @include     http://www.gooddrama.to/*
// @include     http://www.videozoo.me/*
// @noframes
// @run-at      document-start
// @grant       none
// @compatible  firefox
// @compatible  chrome
// @icon        data:image/gif;base64,R0lGODlhMAAwAKECAAAAAICAgP///////yH5BAEKAAMALAAAAAAwADAAAALQnI+py+0Po5y02ouz3rz7D4biBJTmiabqyrbuC8fyHAf2jedpzuOvAAwKh6mhUfg7Hks3gHLpehptwIBTioxig0zrdStIgrslMFA8pCKp1oAZjXW6w/Mt/Nl2t8HeFl7o5QZgBagEYyawNxhUl7h4dlelFlZG+QVY6aglmIjjuKd50xla9RKI0mSCqaPJSMM0aEK4mhfbpSnTabM4WXrShtpHI6gqKvmKnCwns0tm2lOsLP3aUy08aK0zvc3d7b09Ei4+Tl5ufo6err7O3n5QAAA7
// ==/UserScript==
"use strict";
var doc = document, domain = doc.domain.match(/(\w+)\.\w+$/)[1], darkTheme;

function TabSites() {
  switch(domain) {
  case 'gooddrama':
    return MakeTabs('html,body,#body,#header,#top_block,.info_block,.note span,#eps_blocks,#downloads_heading,#comments_heading,.reply,.info_box{color:#888;background-color:#111;height:auto}table[width="790"],#eps_blocks,.right_col,.info_block .ad{opacity:.6;}.note>font>span{background-color:inherit!important;}');
  case 'dramago':
    return MakeTabs('#menu-bar,.bar,#content,#top_block,#search-box-banner-inner,.info_block,#eps_blocks,.s_right_col #sidebar,#footer{background-color:#111;color:#aaa;border:1px solid #777}body{background-color:#444;background-blend-mode:color-burn;}.note span{background-color:#111!important;color:#aaa!important}');
  case 'dramagalaxy':
    return MakeTabs('#content,#top_block,#search-box-banner-inner,.info_block,#eps_blocks,.s_right_col #sidebar{background-color:#121B23;color:#aaa;border:1px solid #777}img[src$="2egfcQR.png"]{display:none}');
  case 'animenova':
    return MakeTabs('html,body,#body,#header,#comments_heading,.comment,.info_box{color:#555;background-color:#111;height:auto}br:empty,.note img{display:none;}.comment{border:0px}.right_col,table,.ad,.sc_ad,#g_promo,#upper_header{opacity:.6;}');
  case 'animeplus':
  case 'animesky':
    return MakeTabs('html,body,#body,#header,.part,.note>span,.report_video,#comments_heading,.comment,.info_box{background-color:#000!important;color:#aaa!important;}a.report_video:hover{color:red!important;}.right_col,table,.ad,.sc_ad{opacity:.6;}#comments,.comment,#body,#streams{border:1px solid #555}');
  case 'animewow':
    return MakeTabs('#page,#body>.s_left_col,#body>.s_right_col,#search-box-banner-inner,#eps_blocks{color:#aaa;background-color:#111;}.vmargin,#top_block,.info_block{border:1px solid #aaa;background-color:#111;}.info_block *{color:#aaa!important}');
  case 'gogoanime':
  case 'videozoo':
    return MakeTabs2('.postcontent', '');
  case 'goodanime':
    return MakeTabs2('.postcontent', '.topad,#wrapper,.premiumdll,.postcontent,td[bgcolor]{background-color:#111;color:#aaa}#header,#footer,html,body{background-color:#000;color:#aaa}a h5,td[bgcolor] *{color:inherit!important;}div#headerimg{top:0px;left:0px;width:930px;height:129px;background-color:black;opacity:.83;}div#announcement{background-color:#000;}');
  case 'animehere':
    var div = fn('#playbox');
    if(div)
      div.innerHTML = div.innerHTML.replace(/<br>/gi,'</p><p>') + '<p></p>';
    SetStyle('#streams+div.playpage{margin-top:5px;}');
    return MakeTabs2('#playbox', '#html,body{background-color:#111;}body,.content,.cfix,.side-title{color:#ccc!important;background-color:#111!important;}.related li a{color:unset;}.tipbot,.sidebar,.banner{background-color:black;color:white;}.tipbot>*,.sidebar>*,.banner>*{opacity:.7;}.related,.like{opacity:.5;}body>footer{background:unset;}a{color: #036;}#stOverlay{display:block!important;z-index:0!important;}');
  default:
    return MakeTabs('');
  }
}

function RemoveSomeIframes() {
  var streams = fn('#streams');
  if(streams) {
    var o, name, a=na('IFRAME'), i=a.length;
    if(i) do {
      o = a[--i];
      if(!streams.contains(o)) {
        if(o.id)
          name = '#' + o.id;
        else {
          try {
            name = o.src.match(/\/\/(?:www\.)?([^/]+)/)[1];
          } catch(e) {
            name = 'unknown';
          }
        }
        var div = nn('DIV'), btn = nn('BUTTON,type=button,title='+o.getAttribute('src')+',=show '+name+' content', div);
        if(o.parentNode.nodeName == 'TD') o = o.parentNode;
        btn.setAttribute('onclick', 'this.parentNode.innerHTML=decodeURIComponent("'+encodeURIComponent(o.outerHTML)+'");');
        o.parentNode.insertBefore(div, o);
        o.parentNode.removeChild(o);
      }
    } while(i);
    return true;
  }
  return false;
}

// new node
function nn(name, parent) {
  //console.log('create',name);
  //try{
  var a = name.split(/,(?! )/); name = a.shift();
  var node = doc.createElement(name.match(/^\w+/)[0]),
  m = name.match(/#\w+/); if(m) node.id = m[0].slice(1);
  m = name.match(/\.\w+/); if(m) node.className = m[0].slice(1);
  while(a.length) {
    var t = a.shift(), l = t.indexOf('=');
    switch(l) {
    case -1:
      node.setAttribute(t, t);
      break;
    case 0:
      node.textContent = t.slice(1);
      break;
    case 1:
      if(t.charAt(0) == '?') {
        node.innerHTML = t.slice(2);
        break;
      }
    default:
      node.setAttribute(t.slice(0, l), t.slice(l+1));
    }
  };
  if(parent) parent.appendChild(node);
  return node;
  //}catch(e){console.log(e)}
}

// find node
function fn(name, parent) {
  if(!parent) parent = doc;
  switch(name.charAt(0)) {
  case '#':
    return parent.getElementById(name.slice(1));
  case '.':
    return parent.getElementsByClassName(name.slice(1))[0];
  }
  return parent.getElementsByTagName(name)[0];
}

// find nodes array
function na(name, parent) {
  if(!parent) parent = doc;
  return (name.charAt(0)=='.') ? parent.getElementsByClassName(name.slice(1)) : parent.getElementsByTagName(name);
}

// remove node
function rn(node) {
  if(node) return node.parentNode.removeChild(node);
}

function SetStyle(style) {
  if(style) {
    var o = nn('STYLE', fn('HEAD'));
    o.textContent = style;
    return o;
  }
}

function domainName(href) {
  var m = href.match(/\:\/\/(?:www\.|embed\.)?([^\/]+)/);
  return(m ? m[1] : 'unknown');
}

function Remember(name, value) {
  if(localStorage) {
    if(value) localStorage.setItem(name, value);
    else localStorage.removeItem(name);
  }
}

function remembered(name) {
  if(localStorage)
    return localStorage.getItem(name);
}

function TabOnMouseUp(event) {
  if(!event.ctrlKey) switch(event.button) {
  case 1:
    break;
  case 0:
    TabSelect(this);
  default:
    return;
  }
  NewWindow(this);
}

function NewWindow(o) {
  var m = decodeURI(o.dataset.content).match(/src="(\S+?)"/);
  if(m)
    window.open(m[1].replace(/&amp;/g,'&'), '_newtab');
}

function TabSelect(n) {
  //console.log('TabSelect(',n,')');
  var o, a;
  switch(typeof(n)) {
  default:
    o = n || fn('#player_tab_0');
    break;
  case 'string':
    a = fn('#player_tabs').childNodes;
    for(o = 0;; o++) {
      if(o >= a.length) { n = 0; break; }
      if(a[o].innerHTML == n) { n = a[o].id.slice(-1); break; }
    }
  case 'number':
    o = fn('#player_tab_'+n) || fn('#player_tab_0');
  }
  if(o.getAttribute('class') != 'active_tab') {
    a = fn('.active_tab');
    if(a) a.removeAttribute('class');
    o.setAttribute('class', 'active_tab');
    fn('#tabplayer').innerHTML = decodeURI(o.dataset.content);
    Remember('preferedServer', o.innerHTML);
  }
}

function MakeTabs(style) {
  if(fn('#player_tabs')) return true;
  var content = fn('#streams');
  if(content) {
    var va = na('.vmargin', content), i=va.length;
    if(i) {
      var tabs = nn('UL#player_tabs');
      do {
        var o = va[--i];
        var ifr = fn('IFRAME', o), tab = nn('LI#player_tab_'+i), ttl;
        if(ifr) {
          var src = ifr.getAttribute('src');
          if(src.match(/[?&]/) == '&') ifr.setAttribute('src', src.replace('&', '?')); // bugfix
          if(!ifr.getAttribute('allowfullscreen')) ifr.setAttribute('allowfullscreen', 'true'); // enable fs for html5 video
          tab.textContent = domainName(src);
          ttl = 'span.playlist';
        } else {
          tab.textContent = '?';
          ttl = '.error_box';
        }
        ttl = o.querySelector(ttl); if(ttl) tab.title = ttl.textContent;
        tab.setAttribute('data-content', encodeURI(o.innerHTML));
        rn(o);
        tab.onmouseup = TabOnMouseUp;
        tabs.insertBefore(tab, tabs.firstChild);
      } while(i);
      nn('LI,title=about videotabs,?=&#9432;,style=float:right;padding:5px;', tabs).onclick = About;
      //if(!/Chrome/.test(navigator.userAgent))
      nn('LI,title=dim the light,?=&#10038;,style=float:right;padding:5px;', tabs).onclick = Dimmer;
	  if(style) {
		nn('LI,title=toggle dark theme,?=&#9635;,style=float:right;padding:5px;', tabs).onclick = ToggleTheme;
		if(remembered('noDarkTheme')) darkTheme = style;
		else SetStyle(style).id = 'darkTheme';
	  }
      nn('LI,?=&nbsp;', tabs);
      content.insertBefore(tabs, va[0]);
      nn('DIV#tabplayer', content);
      SetStyle('#player_tabs li{background-color:#393939;color:white;display:block;float:left;width:auto;padding:5px 10px;cursor:pointer;}#player_tabs li:hover{color:yellow;}#player_tabs li:last-child{cursor:auto;float:unset}#player_tabs .active_tab{background-color:#505050}#player_tabs .active_tab:hover{color:gray}a.report_video:link{color:#0047AB}html{height:unset;}\n');
      TabSelect(remembered('preferedServer'));
      Disclaimer();
      return true;
    }
  }
  return false;
}

function Dimmer() {
  function DimPart(desc) {
	var style = '', names = Object.getOwnPropertyNames(desc), name, value;
	for(name of names) {
	  value = desc[name];
	  if(typeof(value) == 'number') value += 'px';
	  style += name.replace(/_/g, '-') + ':' + value + '; ';
	}
	nn('DIV,style=position:absolute;background-color:black;opacity:.85;z-index:1001;'+style, div);
  }
  var div = fn('#dimmer');
  console.log('#dimmer', div);
  if(div)
    rn(div);
  else {
    div = nn('DIV#dimmer', doc.body);
    console.log('#dimmer', div);
    var po = doc.documentElement,
        rc = doc.querySelector('#tabplayer iframe').getBoundingClientRect(),
       rcp = po.getBoundingClientRect(),
     above = rc.top-rcp.top,
     below = rcp.height - above - rc.height;
    //console.log('RECT(#tabplayer iframe)', rc);
    DimPart({top:0, left:0, width:'100%', height:above, min_width:rcp.width});
    DimPart({top:above, left:0, width:'calc(50% - ' + (rcp.width/2 - rc.left) + 'px)', height:rc.height});
    DimPart({top:above, left:'calc(50% + ' + (rc.width - rcp.width/2 + rc.left) + 'px)', width:'calc(50% - ' + (rc.width + rc.left - rcp.width/2) + 'px)', height:rc.height});
    DimPart({top:above+rc.height, left:0, width:'100%', height:below, min_width:rcp.width, bottom:0});
    div.onclick = function(event) { rn(div); };
    console.log('#dimmer', div);
    return div;
  }
}

function About() {
  var dlg = nn('DIALOG#aboutvideotabs,open,style=position:fixed;top:20%;right:30%;z-index:2147483647;text-align:center;color:black;background-color:antiquewhite;border:7px ridge greenyellow;', Dimmer()), adr = ['mailto:gnblizz'];
  adr.push('@web.de?subject=videotabs%20at%20',doc.domain);
  nn('H1,=about videotabs', dlg);
  nn('P,?=<small> videotabs is public domain by <a href="'+adr.join('')+'" title="email the author directly">gnblizz</a>.</small>', dlg);
  nn('BUTTON,type=button,=videotabs web page,title=info, code, feedback and stats of videotabs', nn('A,href=https://greasyfork.org/en/scripts/11480-video-tabs,target=_newtab', dlg));
}

function ToggleTheme() {
  if(darkTheme) {
    SetStyle(darkTheme).id = 'darkTheme';
    Remember('noDarkTheme', darkTheme = '');
  } else {
    var style = fn('#darkTheme');
    darkTheme = style.textContent;
    doc.head.removeChild(style);
    Remember('noDarkTheme', 'noDarkTheme');
  }
}

//gogoanime.com, goodanime.eu | .postcontent
//animehere.com               | #playbox
function MakeTabs2(select, style) {
  var streams = fn(select), o;
  if(streams && fn('IFRAME', streams)) {
    streams.id = 'streams';
    for(o of streams.children) {
      if(o.nodeType == 1 && fn('IFRAME', o))
        o.className = 'vmargin';
    }
    return MakeTabs(style);
  }
  return false;
}

function Disclaimer() {
  var o = fn('#footer');
  if(o && o.textContent.match(/(Copyright|©)/i))
    nn('P,?=<br>Disclaimer: Video materials used here are the property of their respective and rightful owners.', o);
  o = doc.querySelector('.info_block .note>span.imp:last-of-type');
  if(o && o.textContent == '95%')
    o.textContent = '0.5%';// a slightly more realistic value
}

function FixNovaBug() {
  var spn = fn('#full_notes');
  if(spn) {
    var m = spn.textContent.replace(/\n/gm,'<br>').match(/\u2026\smore(?:<br>)?(.*)\sless\sless/);//u2026 = '...'
    if(m) {
      spn.parentNode.innerHTML = m[1];
      console.log('description text fixed');
      return 1;
    }
  }
}

SetStyle('iframe,.vmargin{display:none}').id = 'no_frames';
doc.addEventListener("DOMContentLoaded", function() {
  if(TabSites()) {
    RemoveSomeIframes();
    window.setTimeout(function(){try{window.autoClose=-1;MHideBar();}catch(e){}},1999);
  } else {
    // auto expand description - it's foolish to hide the last few words of a sen...[expand]
    if(fn('#brief_notes') && !FixNovaBug()) SetStyle('#full_notes{display:inline!important;}#full_notes>a[href="#"],#brief_notes{display:none!important;}');
    // mark watched episodes red
    if(fn('#videos')) SetStyle('#videos a:visited{color:red;}');
  }
  rn(fn('#no_frames'));
});

// public domain by gnblizz
// contact me with my username + '@web.de'