u-Youtube

make Youtube under ur control

当前为 2022-04-28 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name u-Youtube
  3. // @name:zh-CN 功夫制霸YouTube
  4. // @name:zh-TW 功夫製霸YouTube
  5. // @name:en u-Youtube
  6. // @name:ua u-Youtube
  7. // @name:ja カンフー支配YouTube
  8. // @name:ko 쿵푸 지배YouTube
  9. // @name:it u-Youtube
  10. // @name:de u-Youtube
  11. // @name:fr u-Youtube
  12. // @namespace https://github.com/rasso1/u-Youtube
  13. // @version 1.32
  14. // @description make Youtube under ur control
  15. // @description:zh-TW make Youtube under ur control
  16. // @description:en make Youtube under ur control
  17. // @description:ja あなたのコントロール下でYouTubeを作る
  18. // @description:ko 유튜브를 당신의 통제하에 두십시오
  19. // @description:it rendi youtube sotto il tuo controllo
  20. // @description:de Machen Sie YouTube unter Ihrer Kontrolle
  21. // @description:fr faire de youtube sous votre contrôle
  22. // @author ok!
  23. // @match https://www.youtube.com/*
  24. // @match https://youtube.com/*
  25. // @run-at document-start
  26. // @contributionURL https://paypal.me/kongfuY
  27.  
  28.  
  29. // ==/UserScript==
  30. (function() {
  31. 'use strict';
  32. var expand_description = 1;var subscription_up = 1;
  33. var sec_sub,sec_fwd,wheel_sec,buffer_time,dark_mode,video_speed,video_quality,english_mode,comment_right,temp_buffer,temp_speed,speed_display,current_time,doc_s,icare_mode;
  34. var inner_hight=window.innerHeight-parseInt(window.innerHeight/8);
  35. var inner_width=window.innerWidth*0.37;
  36. //var inner_hight=500;
  37.  
  38. var youtube_hand = {
  39. message_box: {
  40. show: function(message) {
  41. document.querySelector("#container > #movie_player .ytp-bezel-text").innerHTML = message;
  42. document.querySelector("#container > #movie_player .ytp-bezel-text").parentNode.parentNode.style.display = "";
  43. document.querySelector("#container > #movie_player .ytp-bezel-text").parentNode.parentNode.classList.remove("ytp-bezel-text-hide");
  44. setTimeout(youtube_hand.message_box.hide, 1500);
  45. },
  46. hide: function() {
  47. document.querySelector("#container > #movie_player .ytp-bezel-text").innerText = "";
  48. document.querySelector("#container > #movie_player .ytp-bezel-text").parentNode.parentNode.style.display = "none";
  49. }
  50. },
  51. dark_eye:function (){
  52. if(localStorage.getItem('icare_mode')==1){
  53. document.querySelector("html").style="font-size:13px;font-family: Roboto, Arial, sans-serif;"
  54. }
  55. else {document.querySelector("html").style="font-size:10px;font-family: Roboto, Arial, sans-serif;"}
  56.  
  57. if(localStorage.getItem('dark_mode')==1){
  58. if(!document.querySelector("html").hasAttribute("dark")){
  59. document.querySelector("html").setAttribute("dark",true);}
  60. }
  61. else if(document.querySelector("html").hasAttribute("dark"))
  62. {document.querySelector("html").removeAttribute("dark")}
  63. if(localStorage.getItem("comment_right")==1&&document.querySelector("#columns #primary #primary-inner #sections")&&document.querySelector("#secondary #secondary-inner")){
  64. //评论右上移
  65. document.querySelector("#columns #primary #primary-inner #sections").style="width:"+inner_width+"px;height:"+inner_hight+"px;overflow-y:auto";
  66. document.querySelector("#columns #primary #primary-inner #sections").classList.add('standardized-themed-scrollbar');
  67. // document.querySelector("#columns #primary #primary-inner #sections")
  68. document.querySelector("#secondary #secondary-inner").append(document.querySelector("#columns #primary #primary-inner #sections"));
  69. document.querySelector("#page-manager #columns > #secondary > #secondary-inner > #sections").onscroll=function(){
  70. document.querySelector("body").style.overflow="hidden";
  71. }
  72. document.querySelector("#page-manager #columns > #secondary > #secondary-inner > #sections").onpointerleave=function(){
  73. document.querySelector("body").style.overflow="";
  74. }
  75. /*
  76. document.querySelector("#page-manager #columns > #secondary > #secondary-inner > #sections").onscroll=function(){
  77. let comment_height= parseInt(document.querySelector("#page-manager #columns > #secondary > #secondary-inner > #sections").style.height);
  78. comment_height+=1;
  79. document.querySelector("#page-manager #columns > #secondary > #secondary-inner > #sections").style.height = comment_height+"px";
  80. document.querySelector("#page-manager #columns > #secondary > #secondary-inner > #sections").style.float="right";
  81. };
  82. */
  83. //related 左下移
  84. document.querySelector("#columns #primary #primary-inner").append(document.querySelector("#secondary #secondary-inner #related"));
  85.  
  86. }
  87. },
  88. dark_eye1:function (){
  89. if(localStorage.getItem('dark_mode')==1){
  90. var style_type = document.createElement("style");style_type.id = "style_type";
  91. style_type.innerHTML = `#end > div.dropdown-hover > div{font-size:12px;color:#bbb !important;background-color:#202020 !important;}
  92. #end > div.dropdown-hover > button{background-color:#222 !important;} #end > div.dropdown-hover path{fill:transparent !important;stroke:white !important;}
  93. #end > div.dropdown-hover > div > div{color:#aaa !important;background-color:#202020 !important;}
  94. #end > div.dropdown-hover > div > div p{font-size:12px;color:#bbb !important;background-color:#202020 !important;}
  95. .dropdown-hover button div{font-size:12px;color:#aaa !important;background-color:#333 !important;}
  96. #sec_sub,#sec_fwd,#wheel_sec,#buffer_time{font-size:12px;color:#bbb !important;background-color:#333 !important;border-radius:5px;}`;
  97. document.head.appendChild(style_type);
  98. }
  99. },
  100.  
  101. //播放设置
  102. play_menu:function(){
  103.  
  104.  
  105. var html_app = document.createElement("div");
  106. html_app.innerHTML = `
  107. <button style="border:none;outline:none;background-color:#fff;height:37px;width:37px;margin-right:10px;" aria-label="缓存/速度设置"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope yt-icon">
  108. <path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.1-1.65c.2-.15.25-.42.13-.64l-2-3.46c-.12-.22-.4-.3-.6-.22l-2.5 1c-.52-.4-1.08-.73-1.7-.98l-.37-2.65c-.06-.24-.27-.42-.5-.42h-4c-.27 0-.48.18-.5.42l-.4 2.65c-.6.25-1.17.6-1.7.98l-2.48-1c-.23-.1-.5 0-.6.22l-2 3.46c-.14.22-.08.5.1.64l2.12 1.65c-.04.32-.07.65-.07.98s.02.66.06.98l-2.1 1.65c-.2.15-.25.42-.13.64l2 3.46c.12.22.4.3.6.22l2.5-1c.52.4 1.08.73 1.7.98l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.6-.25 1.17-.6 1.7-.98l2.48 1c.23.1.5 0 .6-.22l2-3.46c.13-.22.08-.5-.1-.64l-2.12-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z" fill="transparent" stroke="black"></path>
  109. </g></svg>
  110. </button>
  111.  
  112. <div style="background:#fff;border-radius: 10px;left: -160px;right: 0;margin-left: 0;margin-right: -100px;padding-top: 10px;" class="dropdown-box fadeInDown"><div class="item clearfix" style="border-radius:10px;"><p style="margin:10px auto;font-size:18px;"><span class="mandarin invisible">播放设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="english">Playback Setting&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><font size=2>Chs </font><input style="margin:auto" id="english_mode" class="switch switch-anim" type="checkbox" checked></p>
  113. <div style="margin:10px auto;font-size:12px;"><hr /><hr /></div>
  114. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible" style="margin:10px auto;font-size:16px;">当前速度:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="english">current speed:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="speed_display"></span></p>
  115. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">选择播放速度:&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="english">specify spee<font color=#5bb7fe>d</font>:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><button id="speed_button" style="background-color: #5bb7fe;border-radius:5px;color:white;font-size:12px;"> &nbsp; 1x&nbsp; </button></p><input type="range" min="0" max="100" value="25" class="slider" id="speed_slider"><br /><br />
  116. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">跳过片头秒数:&nbsp;&nbsp;&nbsp;</span><span class="english">skip the title:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="sec_fwd" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color:#fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds">
  117. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">跳过片尾秒数:&nbsp;&nbsp;&nbsp;</span><span class="english">skip the end:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="sec_sub" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color: #fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds"></p>
  118. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">鼠标滚动秒数:&nbsp;&nbsp;&nbsp;</span><span class="english">mouse scroll:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="wheel_sec" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color: #fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds"></p>
  119. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">暂停缓存秒数:&nbsp;&nbsp;&nbsp;</span><span class="english">paus<font color=#5bb7fe>e</font> n cashing:&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="buffer_time" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color: #fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds"></p>
  120. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">播放质量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> <span class="english">specify resolution&nbsp;</span> <select id="video_quality" style="border-radius:5px;"><option value="auto">auto</option><option value="hd2160">4K 2160p</option><option value="hd1440">HD 1440p</option><option value="hd1080">HD 1080p</option><option value="hd720">720p</option> <option value="large">480p</option><option value="medium">360p</option><option value="small">240p</option><option value="tiny">144p</option> </select></p>
  121. <p style="margin:10px auto 20px auto;font-size:16px;"><span class="mandarin invisible">评论载右:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="english">comments to right:&nbsp;&nbsp;&nbsp;</span><input style="margin:auto" id="comment_to" class="switch switch-anim" type="checkbox" checked></p>
  122. <p style="margin:10px auto 20px auto;font-size:16px;"><span class="mandarin invisible">眼保模式 :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="english">iCare mode:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input style="margin:auto" id="icare_mode" class="switch switch-anim" type="checkbox" checked></p>
  123. <p style="margin:10px auto 20px auto;font-size:16px;"><span class="mandarin invisible">暗夜模式 :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="english">dark mode:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input style="margin:auto" id="dark_mode" class="switch switch-anim" type="checkbox" checked></p>
  124. <p style="margin:10px auto 20px auto;font-size:16px;"><span class="mandarin invisible">捐赠&#126980;:&nbsp; </span><span class="english">donate&#127854;:&nbsp;&nbsp;</span><a href="https://paypal.me/kongfuY" style="color:#5bb7fe;">paypal.me/kongfuY</a></p></div></div>
  125.  
  126. <style>#speed_slider {width: 175px;}.invisible {display: none;}.ytd-feed-filter-chip-bar-renderer.style-scope{z-index:999 !important;}.fadeInDown{-webkit-animation:fadeInDown .5s .2s ease both;-moz-animation:fadeInDown .5s .2s ease both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-10px)}100%{opacity:1;-moz-transform:translateY(0)}}.dropdown{position:relative}.dropdown-box{display:none;position:absolute;z-index:999999999}.dropdown-box.top{bottom:100%;padding-bottom:10px;left:50%;margin-left:-80px}.dropdown-box.bottom{top:100%;padding-top:10px;left:50%;margin-left:-80px}.dropdown-box.left{left:100%;padding-left:10px;bottom:0}.dropdown-box.right{right:100%;padding-right:10px;bottom:0}.dropdown-box .item{padding:10px;width:250px;border-radius:2px}.dropdown-hover{position:relative}.dropdown-hover:hover .dropdown-box{display:block}</style>
  127. <style>a {color: #670000;}.switch {width: 26px;height: 13px;position: relative;border: 1px solid #dfdfdf;background-color: #fdfdfd;box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 18px;background-clip: content-box;display: inline-block;-webkit-appearance: none;user-select: none;outline: none;} .switch:before { content: '';width: 13px;height: 13px;position: absolute;top: 0;left: 0;border-radius: 12px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}.switch:checked {border-color: #5bb7fe;box-shadow: #5bb7fe 0 0 0 16px inset;background-color: #5bb7fe;}.switch:checked:before {left: 15px;}.switch.switch-anim {transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;}.switch.switch-anim:before {transition: left 0.3s;}.switch.switch-anim:checked {box-shadow: #5bb7fe 0 0 0 14px inset;background-color: #5bb7fe;transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;}.switch.switch-anim:checked:before {transition: left 0.3s;}.text-red {color: #aaa;}</style>
  128. <style>.standardized-themed-scrollbar::-webkit-scrollbar {
  129. width: 1em;
  130. }
  131. .standardized-themed-scrollbar::-webkit-scrollbar-track {
  132. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  133. }
  134. .standardized-themed-scrollbar::-webkit-scrollbar-thumb {
  135. background-color: darkgrey;
  136. height: 56px;border-radius: 10px;border: 4px solid transparent;background-clip: content-box;
  137. }</style>
  138. `;
  139. html_app.classList.add('dropdown-hover');
  140. document.querySelector("#end").appendChild(html_app);
  141.  
  142. //
  143. var speed_slider=document.getElementById("speed_slider"),speed_button=document.getElementById("speed_button"),
  144. y=document.getElementById("sec_sub"),z=document.getElementById("wheel_sec"),x=document.getElementById("buffer_time"),w=document.getElementById("dark_mode"),
  145. s=document.getElementById("video_quality"),v=document.getElementById("sec_fwd"),t=document.getElementById("english_mode"),c=document.getElementById("comment_to"),iii=document.getElementById("icare_mode");
  146. dark_mode = localStorage.getItem('dark_mode');comment_right = localStorage.getItem('comment_right');icare_mode = localStorage.getItem('icare_mode');
  147. var english_mode = localStorage.getItem('english_mode');
  148. speed_display=document.getElementById("speed_display");
  149. const mandarins = document.querySelectorAll('.mandarin');const englishs = document.querySelectorAll('.english');
  150.  
  151.  
  152. video_speed = localStorage.getItem('speed');sec_fwd = localStorage.getItem('sec_fwd');sec_sub = localStorage.getItem('sec_sub');
  153. wheel_sec = localStorage.getItem('wheel_sec');buffer_time = localStorage.getItem('buffer_time');
  154. video_quality = localStorage.getItem('video_quality')?localStorage.getItem('video_quality'):"auto";
  155.  
  156. english_mode = localStorage.getItem('english_mode');
  157. //判读英文菜单
  158. if(localStorage.getItem('english_mode')==1){
  159. for (const mandarin of mandarins) {
  160. mandarin.className -= ' invisible';
  161. }
  162. for (const english of englishs) {
  163. english.className += ' invisible';
  164. }
  165. }
  166.  
  167. video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  168.  
  169. setTimeout(function (){
  170. if(video_speed&&document.querySelector('#movie_player'))
  171. document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;},4000);
  172.  
  173. speed_slider.value = localStorage.getItem('speed')*25;
  174.  
  175. speed_slider.oninput=function(){localStorage.setItem('speed',this.value/25);video_speed = localStorage.getItem('speed');video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  176. document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  177. }
  178.  
  179. speed_button.onclick=function(){localStorage.setItem('speed',1);video_speed = localStorage.getItem('speed');video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  180. document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  181. speed_slider.value = localStorage.getItem('speed')*25;
  182. }
  183.  
  184. sec_fwd?v.value=sec_fwd:v.value="";
  185. v.onchange=function(){localStorage.setItem('sec_fwd',this.value);sec_fwd = localStorage.getItem('sec_fwd');sec_fwd?v.value=sec_fwd:v.value="";
  186. }
  187. sec_sub?y.value=sec_sub:y.value="";
  188. y.onchange=function(){localStorage.setItem('sec_sub',this.value);sec_sub = localStorage.getItem('sec_sub');sec_sub?y.value=sec_sub:y.value="";
  189. }
  190.  
  191. wheel_sec?z.value=wheel_sec:z.value="";
  192. z.onchange=function(){localStorage.setItem('wheel_sec',this.value);wheel_sec = localStorage.getItem('wheel_sec');wheel_sec?z.value=wheel_sec:z.value="";
  193. }
  194. buffer_time?x.value=buffer_time:x.value="";
  195. x.onchange=function(){localStorage.setItem('buffer_time',this.value);buffer_time = localStorage.getItem('buffer_time');buffer_time?x.value=buffer_time:x.value="";
  196. }
  197. c.checded=comment_right; if(comment_right!=1){document.getElementById("comment_to").removeAttribute('checked');}
  198. c.onchange=function(){if(c.checked){localStorage.setItem('comment_right','1');youtube_hand.dark_eye();}
  199. else{localStorage.setItem('comment_right',0);
  200. //评论右上移
  201.  
  202. document.querySelector("#columns #primary #primary-inner").append(document.querySelector("#secondary #secondary-inner #sections"));
  203. //related 左下移
  204. document.querySelector("#secondary #secondary-inner").prepend(document.querySelector("#related"));
  205.  
  206. }
  207. comment_right = localStorage.getItem('comment_right');
  208. }
  209.  
  210. iii.checded=icare_mode; if(icare_mode!=1){document.getElementById("icare_mode").removeAttribute('checked');}
  211. iii.onchange=function(){if(iii.checked){localStorage.setItem('icare_mode','1');}
  212. else{localStorage.setItem('icare_mode',0);
  213. }
  214. icare_mode = localStorage.getItem('icare_mode');
  215. }
  216.  
  217. w.checded=dark_mode; if(dark_mode!=1){document.getElementById("dark_mode").removeAttribute('checked');}
  218. w.onchange=function(){if(w.checked){localStorage.setItem('dark_mode','1');youtube_hand.dark_eye();youtube_hand.dark_eye1();}
  219. else{localStorage.setItem('dark_mode',0);
  220. document.querySelector("html").removeAttribute("dark");
  221. document.querySelector('#style_type').remove();
  222. }
  223. dark_mode = localStorage.getItem('dark_mode');
  224. }
  225. t.checded=english_mode; if(english_mode!=1){document.getElementById("english_mode").removeAttribute('checked');}
  226. t.onchange=function(){if(t.checked){localStorage.setItem('english_mode','1');
  227. for (const mandarin of mandarins) {
  228. mandarin.className -= ' invisible';}
  229. for (const english of englishs) {
  230. english.className += ' invisible';}
  231. }
  232. else{localStorage.setItem('english_mode',0);
  233. for (const mandarin of mandarins) {
  234. mandarin.className += ' invisible';}
  235. for (const english of englishs) {
  236. english.className -= ' invisible';}
  237. }
  238. english_mode = localStorage.getItem('english_mode');
  239. }
  240.  
  241. if(video_quality){
  242. for(var i=0;i<s.length;i++){
  243. if(s.options[i].value==video_quality){
  244. s.options[i].selected=true;
  245. }
  246. }
  247. }
  248. s.onchange=function (){
  249. var quality_value = s[s.selectedIndex].getAttribute("value");
  250. localStorage.setItem('video_quality',quality_value);
  251. video_quality = localStorage.getItem('video_quality');
  252. var avail_quali;var v_elem = document.querySelector("#movie_player");
  253. if((avail_quali = v_elem.getAvailableQualityLevels())&&avail_quali.indexOf(video_quality) == -1){
  254. v_elem.setPlaybackQualityRange(avail_quali[0],avail_quali[0]);
  255. }
  256. else{v_elem.setPlaybackQualityRange(video_quality,video_quality);}
  257. }
  258.  
  259. },
  260.  
  261. play_main:function (){
  262.  
  263. sec_fwd = localStorage.getItem('sec_fwd');
  264. sec_sub = localStorage.getItem('sec_sub');
  265. wheel_sec = localStorage.getItem('wheel_sec');
  266. buffer_time = localStorage.getItem('buffer_time');
  267.  
  268. var video_speed = localStorage.getItem('speed');
  269.  
  270. var video_elem,v_elem;
  271.  
  272.  
  273. //每3秒试执行主应用操作
  274. var main_timer = setInterval(function () {
  275. video_elem = document.querySelector("#movie_player > div.html5-video-container > video");
  276. v_elem = document.querySelector("#movie_player");
  277.  
  278. if (video_elem){
  279. //main_opr();
  280.  
  281. video_elem.onloadeddata = function (){
  282.  
  283. main_opr();
  284. if(buffer_time){
  285. youtube_hand.message_box.show("<div>video speed "+video_speed+"x</div><div>cashe "+buffer_time+" seconds</div><div>"+document.querySelector("#info-text > #info-strings > yt-formatted-string").innerText+"</div>");
  286. }
  287. else {youtube_hand.message_box.show("<div>video speed "+video_speed+"x</div><div>no cashe</div><div>"+document.querySelector("#info-text > #info-strings > yt-formatted-string").innerText+"</div>");
  288. }
  289. setTimeout(function(){video_elem.onloadeddata = "";},2000)
  290.  
  291. }
  292. /* document.addEventListener("yt-navigate-finish", function() {
  293. video_elem.currentTime=0;
  294. current_time=0;
  295. main_opr();
  296. }) */
  297.  
  298. video_elem.ondurationchange = function(){
  299. video_elem.currentTime=0;
  300. current_time=0;
  301. video_speed = localStorage.getItem('speed');
  302. if(buffer_time){
  303. youtube_hand.message_box.show("<div>video speed "+video_speed+"x</div><div>cashe "+buffer_time+" seconds</div><div>"+document.querySelector("#info-text > #info-strings > yt-formatted-string").innerText+"</div>");
  304. }
  305. else {youtube_hand.message_box.show("<div>video speed "+video_speed+"x</div><div>no cashe</div><div>"+document.querySelector("#info-text > #info-strings > yt-formatted-string").innerText+"</div>");
  306. }
  307. main_opr();
  308. }
  309.  
  310. clearInterval(main_timer);}
  311. },100)
  312.  
  313. //主应用操作
  314. function main_opr() {
  315. doc_s = window.document;
  316. //视频质量选择
  317.  
  318. var avail_quali;var current_time;
  319. if((avail_quali = v_elem.getAvailableQualityLevels())&&avail_quali.indexOf(video_quality) == -1){
  320. v_elem.setPlaybackQualityRange(avail_quali[0],avail_quali[0]);
  321. }
  322. else if(video_quality=="auto"){}
  323. else if(video_quality){v_elem.setPlaybackQualityRange(video_quality,video_quality);}
  324. //点开视频介绍
  325. if(expand_description){
  326.  
  327. if(document.getElementById("action-panel-details")) {
  328. document.getElementById("action-panel-details").classList.remove("yt-uix-expander-collapsed");
  329. }
  330.  
  331. if(document.querySelector("#more > .more-button.style-scope.ytd-video-secondary-info-renderer")) {
  332. document.querySelector("#more > .more-button.style-scope.ytd-video-secondary-info-renderer").click();
  333. }
  334. }
  335.  
  336. //前跳过秒数+速度+播放质量设定
  337. video_elem.oncanplay = function(){
  338. if(video_speed&&video_elem){
  339. video_elem.playbackRate = video_speed;
  340. }
  341. // if(current_time>200){current_time=0}
  342. if(sec_fwd&&(video_elem.currentTime < sec_fwd/1)){
  343. video_elem.currentTime += sec_fwd/1;
  344. video_elem.oncanplay = "";
  345. }
  346. // video_elem.currentTime += 1;
  347.  
  348. }
  349.  
  350. //暂停缓存
  351.  
  352. sec_sub = localStorage.getItem('sec_sub');
  353. video_elem.onpause = function(){
  354. //youtube_hand.message_box.show('<div>'+document.querySelector("#header-author yt-formatted-string > a").innerText+'</div>');
  355. if(!buffer_time||buffer_time == 0){return;}
  356. if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration)){current_time=0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";}
  357. else{current_time = parseInt(video_elem.currentTime);
  358. video_elem.oncanplaythrough = function(){
  359. if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration)){current_time=0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";}
  360. else{video_elem.currentTime +=1;
  361. if(sec_sub){
  362. if((video_elem.currentTime-current_time)>(buffer_time?buffer_time:0)||(video_elem.duration<(video_elem.currentTime+parseInt(sec_sub)+10)))
  363. {video_elem.currentTime = current_time;
  364. console.log(current_time);console.log(video_elem.currentTime);
  365. video_elem.oncanplaythrough='';current_time=0;}
  366. }
  367. else{
  368. if(current_time!=0){
  369. if((video_elem.currentTime-current_time)>(buffer_time?buffer_time:0)||(video_elem.duration<(video_elem.currentTime+20)))
  370. {video_elem.currentTime = current_time;
  371. video_elem.oncanplaythrough='';}
  372. }
  373. else{ video_elem.oncanplaythrough='';}
  374. }
  375. }
  376. }
  377. video_elem.currentTime += 1;
  378. }
  379. }
  380. video_elem.onplay = function(){
  381.  
  382. if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration-1)){current_time = 0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";} // new
  383. else if(current_time){video_elem.currentTime = current_time;
  384. video_elem.oncanplaythrough = "";
  385. }
  386. }
  387. video_elem.onended = function(){current_time = 0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";
  388. }
  389. //中键全屏
  390.  
  391. video_elem.addEventListener("mouseup", function(e) {
  392. e.preventDefault();
  393. if(e.button==1){
  394. document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-right-controls > button.ytp-fullscreen-button.ytp-button").click();
  395. }
  396. }, false);
  397. //按c开启/停止缓冲功能,按e调整视频速度
  398. doc_s.onkeydown = key_down;
  399.  
  400. function key_down(e){
  401. //document.addEventListener("keydown", function(e) {
  402. if (document.activeElement.id != "" && document.activeElement.id != "movie_player") {
  403. return;}
  404.  
  405. else{
  406. if (e.keyCode == 69) {
  407. e.preventDefault();
  408. if(buffer_time){
  409. temp_buffer = buffer_time;
  410. buffer_time="";
  411. current_time=0;
  412. //localStorage.setItem('buffer_time','');
  413. youtube_hand.message_box.show("no cashing set");
  414. }
  415. else if(temp_buffer){buffer_time=temp_buffer;
  416. // localStorage.setItem('buffer_time',temp_buffer);
  417. youtube_hand.message_box.show("cashing "+buffer_time+" seconds set");
  418. }
  419. else{youtube_hand.message_box.show("no cashing time preset");}
  420. }
  421. else if(e.keyCode == 68) {
  422. if(video_speed != 1){
  423. temp_speed = video_speed;
  424. video_speed=1;
  425. video_elem.playbackRate = video_speed;
  426. speed_display.innerHTML="1x";
  427. //localStorage.setItem('speed','1')
  428. youtube_hand.message_box.show("video speed 1x set");
  429. }
  430. else if(temp_speed){
  431. if(localStorage.getItem('speed')!=temp_speed){video_speed=localStorage.getItem('speed');}
  432. else{video_speed=temp_speed;}
  433. video_elem.playbackRate = video_speed/1;
  434. speed_display.innerHTML=video_speed+"x";
  435. //localStorage.setItem('speed',temp_speed);
  436. youtube_hand.message_box.show("video speed "+video_speed+"x set");
  437. }
  438. else{ youtube_hand.message_box.show("no video speed preset");}
  439.  
  440. }
  441. doc_s.onkeydown = "";
  442. setTimeout(function(){doc_s.onkeydown = key_down;},1500);
  443. }
  444. }
  445.  
  446. // 滚轮前进后退
  447. video_elem.onwheel = function(e){e.preventDefault()};
  448. v_elem.onwheel = wheel_e;
  449.  
  450. function wheel_e (event) {
  451. event.preventDefault();
  452.  
  453. video_elem.currentTime += parseInt(event.deltaY>0?wheel_sec/1:-wheel_sec) ;
  454.  
  455. v_elem.onwheel="";
  456. setTimeout(function(){v_elem.onwheel= wheel_e;},300);
  457.  
  458. //同时重设播放速度
  459. // video_speed = localStorage.getItem('speed');
  460. // document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  461.  
  462. }
  463.  
  464. //每隔25秒获取播放剩余时间,如在25秒内则执行主程序
  465. if(sec_sub !== ""&&sec_sub !=0){
  466. const sec_sub2=sec_sub/1+12;
  467. setInterval(function(){
  468. let left_duration = get_dura();
  469. if((left_duration < sec_sub) && (left_duration != 0))
  470. {
  471.  
  472. next_exec();
  473.  
  474. }
  475. }, 1000);
  476. }
  477.  
  478. //next part 执行
  479. function next_exec(){
  480. const sel_part2 = document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-left-controls > a.ytp-next-button.ytp-button");
  481. if (sel_part2)
  482. {console.log("clicked next---");sel_part2.click();
  483. // video_elem.currentTime=0;
  484. current_time=0;}
  485. }
  486.  
  487. //获取播放剩余时间
  488. function get_dura() {
  489. const sel_start = video_elem.currentTime;
  490. const sel_fin = video_elem.duration;
  491. if (sel_fin) {
  492. return sel_fin-sel_start;
  493. }
  494. return 0;
  495. }
  496.  
  497.  
  498.  
  499.  
  500. }
  501.  
  502. },
  503.  
  504. move_menu:function (){
  505. //点开显示其余items
  506. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) > #items > ytd-guide-collapsible-entry-renderer > #expander-item > #endpoint").click();
  507. //移动频道到左顶部
  508. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)").parentNode.append(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)"))
  509.  
  510.  
  511. //页面写入script和style
  512. var a_bug = document.createElement("script");
  513. a_bug.innerHTML = `// 监听draggable的相关事件
  514. function dragstart_handler(ev) {
  515. console.log("dragStart");
  516. // Add the target element's id to the data transfer object
  517. ev.dataTransfer.setData("text", ev.target.id);
  518. ev.dataTransfer.setData("text1", ev.target);
  519. console.log(ev.dataTransfer.getData("text1"));
  520. ev.dataTransfer.dropEffect = "move";
  521. }
  522. function dragEnter(ev) {
  523. console.log("dragenter");
  524. ev.preventDefault();
  525. ev.target.className += ' drag-over';
  526. }
  527. function dragLeave(e) {
  528. ev.preventDefault();
  529. this.className = 'droppable';
  530. }
  531. function dragover_handler(ev) {
  532. ev.preventDefault();
  533. //ev.dataTransfer.dropEffect = "move"
  534. }
  535. function drop_handler(ev) {
  536. ev.preventDefault();
  537. // Get the id of the target and add the moved element to the target's DOM
  538. var data = ev.dataTransfer.getData("text");
  539. var first=ev.target.firstChild; //得到第一个元素
  540. ev.target.insertBefore(document.getElementById(data),first); //在第原来的第一个元素之前插入
  541. //ev.target.appendChild(document.getElementById(data));
  542. }
  543. function dragend_handler(ev) {
  544. console.log("dragEnd");
  545. // Remove all of the drag data
  546. ev.dataTransfer.clearData();
  547. //localStorage.setItem("itemstate",document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").outerHTML);
  548.  
  549. //itemdetail写入localStorage
  550. var json = [];
  551. var data = {};
  552. var items_length=document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer").length
  553. for(var i=0;i<items_length-1;i++){
  554. data = {};
  555. //data.id = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer")[i].id;
  556. //data.imgsrc = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer #img")[i].src;
  557. data.text =document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer")[i].innerText;
  558. //data.href = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint")[i].href;
  559.  
  560. json.push(data);
  561.  
  562. }
  563. var jsonString = JSON.stringify(json);//[{"id":1,"imgsrc":"test1","text":2}]
  564. localStorage.setItem("itemdetail",jsonString);
  565. //localStorage.setItem("item_new","");
  566. }
  567. function noAllowDrop(ev) {
  568. console.log("stopPropagation");
  569. ev.stopPropagation();
  570. }
  571.  
  572.  
  573. //点击订阅或退订时,删除localStorage内已有相同item
  574. if(document.querySelector("#inner-header-container #subscribe-button")){var subscribe_button = document.querySelector("#inner-header-container #subscribe-button")}
  575. else if(document.querySelector("#meta-contents #top-row > #subscribe-button")){var subscribe_button = document.querySelector("#meta-contents #top-row > #subscribe-button");}
  576. // var subscribe_button = document.querySelector("#inner-header-container #subscribe-button")?document.querySelector("#inner-header-container #subscribe-button"):document.querySelector("#meta-contents #top-row > #subscribe-button");
  577.  
  578. if(subscribe_button){
  579.  
  580. subscribe_button.onclick=function(){
  581.  
  582. //localStorage.setItem("item_new",document.querySelector("#text > a").innerText);
  583. //localStorage.removeItem("itemdetail",document.querySelector("#channel-name #text").innerText);
  584. let obj = JSON.parse(localStorage.itemdetail);
  585. for(let j=obj.length-1;j>-1;j--){
  586. if(obj[j]&&obj[j].text==document.querySelector("#channel-name #text").innerText){
  587. let items_down = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  588.  
  589. items_down.forEach(function(element,index,array) {
  590.  
  591. if(element.firstElementChild.title==document.querySelector("#channel-name #text").innerText){
  592.  
  593. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").append(element);
  594. return false;
  595. }
  596. })
  597.  
  598. delete obj[j];}
  599. }
  600. localStorage.setItem("itemdetail",JSON.stringify(obj));
  601. console.log("delete suc");
  602. }
  603. }
  604. `;
  605. document.body.appendChild(a_bug);
  606.  
  607. var style_type2 = document.createElement("style");style_type2.id = "style_type";
  608. style_type2.innerHTML = `#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer{margin: 1em 0em 1em 0em !important;}
  609. .drag-over {
  610. border-style: dashed;
  611. }
  612. .droppable{}
  613. `;
  614. //#expandable-items > ytd-guide-entry-renderer{margin: 1.2em 0em 1.2em 0em !important;}
  615. document.head.appendChild(style_type2);
  616.  
  617. //开始操作
  618. var menu_opr = setInterval(function(){
  619.  
  620. // const droppables = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)");
  621. if(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-entry-renderer")){
  622. const droppables = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) > #items");
  623. const draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  624. const no_draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint");
  625. // const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint > tp-yt-paper-item");
  626. // const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint *");
  627. const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items *");
  628.  
  629. const draggable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer");
  630. const no_draggable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer > #endpoint");
  631. // const no_droppable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer > #endpoint *");
  632.  
  633. droppables.setAttribute("ondrop","drop_handler(event);");
  634. droppables.setAttribute("ondragover","dragover_handler(event);");
  635. // droppables.setAttribute("ondragenter","dragEnter(event);");
  636. // droppables.setAttribute("ondragleave","dragLeave(event);");
  637. no_draggable.forEach(function(element,index,array) {
  638. element.setAttribute("draggable",false);
  639. });
  640. no_draggable2.forEach(function(element,index,array) {
  641. element.setAttribute("draggable",false);
  642. });
  643.  
  644. no_droppable.forEach(function(element,index,array) {
  645. element.setAttribute("ondragover","noAllowDrop(event);");
  646. });
  647. // no_droppable2.forEach(function(element,index,array) {
  648. // element.setAttribute("ondragover","noAllowDrop(event);");
  649. //});
  650.  
  651.  
  652. draggable.forEach(function(element,index,array) {
  653. if(index<array.length){
  654. element.setAttribute("draggable",true);
  655. element.setAttribute("ondragstart","dragstart_handler(event);");
  656. element.setAttribute("ondragend","dragend_handler(event);");
  657. if(!element.id){element.setAttribute("id","move"+index);}
  658. }
  659. });
  660. let index_x =0;
  661. draggable2.forEach(function(element,index,array) {
  662. index_x=index+7;
  663. element.setAttribute("draggable",true);
  664. element.setAttribute("ondragstart","dragstart_handler(event);");
  665. element.setAttribute("ondragend","dragend_handler(event);");
  666. element.setAttribute("id","move"+index_x);
  667.  
  668. });
  669.  
  670. //把隐藏内容拉出来,放入items
  671. const parent_item = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items");
  672. let insert_sec = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-collapsible-entry-renderer");
  673. let new_content2=document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-collapsible-entry-renderer #expanded #expandable-items > ytd-guide-entry-renderer");
  674. new_content2.forEach(function(element){parent_item.insertBefore(element,insert_sec)});
  675.  
  676.  
  677. const obj = JSON.parse(localStorage.getItem("itemdetail"));
  678.  
  679. //getItem("itemdetail")然后写入网页列表
  680. if(localStorage.getItem("itemdetail")){
  681.  
  682. var items_drag = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  683.  
  684. for(var j=obj.length-1;j>-1;j--){
  685. // if(j==0){
  686. items_drag.forEach(function(element,index,array) {
  687.  
  688. //console.log(element.firstElementChild.title);
  689. //console.log(obj[j].text);
  690. if(obj[j]&&element.firstElementChild.title==obj[j].text){
  691.  
  692. parent_item.prepend(element);
  693. return false;
  694. }
  695. })
  696.  
  697. }
  698.  
  699.  
  700. }
  701. //把当日订阅置顶
  702. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) > #items").prepend(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) #items > ytd-guide-entry-renderer:nth-child(4)"));
  703.  
  704. clearInterval(menu_opr);
  705. }
  706.  
  707. },100)
  708.  
  709. }
  710.  
  711.  
  712. }
  713.  
  714.  
  715.  
  716. var load_menu = setInterval(function(){
  717. //youtube_hand.dark_eye();
  718.  
  719. if(document.querySelector("#end")){
  720. youtube_hand.play_menu();
  721. youtube_hand.play_main();
  722. youtube_hand.dark_eye1();
  723.  
  724. //document.querySelector("html").onpropertychange = youtube_hand.dark_eye;
  725.  
  726. clearInterval(load_menu);
  727. }
  728. },100)
  729.  
  730. /*
  731. window.onload=function(){
  732. document.addEventListener("yt-navigate-finish", function() {
  733. youtube_hand.play_menu();
  734. youtube_hand.play_main();
  735. youtube_hand.dark_eye1();
  736. })
  737. };
  738. */
  739. setInterval(function(){ youtube_hand.dark_eye();},800)
  740.  
  741.  
  742. if(subscription_up){
  743. var move_ma=setInterval(function(){
  744. if(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2)"))
  745. {
  746. youtube_hand.move_menu();
  747.  
  748. clearInterval(move_ma);
  749. }
  750. },200)
  751. }
  752.  
  753.  
  754. })();