u-Youtube

make Youtube under ur control

当前为 2022-09-05 提交的版本,查看 最新版本

  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.36
  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/7);
  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, 2000);
  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. // else if(document.querySelector("yt-live-chat-app")){document.querySelector("#secondary #secondary-inner").append(document.querySelector("yt-live-chat-app"))}
  88. },
  89. dark_eye1:function (){
  90. if(localStorage.getItem('dark_mode')==1){
  91. var style_type = document.createElement("style");style_type.id = "style_type";
  92. style_type.innerHTML = `#end > div.dropdown-hover > div{font-size:12px;color:#bbb !important;background-color:#202020 !important;}
  93. #end > div.dropdown-hover > button{background-color:#222 !important;} #end > div.dropdown-hover path{fill:transparent !important;stroke:white !important;}
  94. #end > div.dropdown-hover > div > div{color:#aaa !important;background-color:#202020 !important;}
  95. #end > div.dropdown-hover > div > div p{font-size:12px;color:#bbb !important;background-color:#202020 !important;}
  96. .dropdown-hover button div{font-size:12px;color:#aaa !important;background-color:#333 !important;}
  97. #sec_sub,#sec_fwd,#wheel_sec,#buffer_time{font-size:12px;color:#bbb !important;background-color:#333 !important;border-radius:5px;}`;
  98. document.head.appendChild(style_type);
  99. }
  100. },
  101.  
  102. //播放设置
  103. play_menu:function(){
  104.  
  105.  
  106. var html_app = document.createElement("div");
  107. html_app.innerHTML = `
  108. <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">
  109. <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>
  110. </g></svg>
  111. </button>
  112.  
  113. <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>
  114. <div style="margin:10px auto;font-size:12px;"><hr /><hr /></div>
  115. <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>
  116. <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 />
  117. <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">
  118. <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>
  119. <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>
  120. <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>
  121. <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>
  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;&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>
  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">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>
  124. <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>
  125. <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>
  126.  
  127. <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>
  128. <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>
  129. <style>.standardized-themed-scrollbar::-webkit-scrollbar {
  130. width: 1em;
  131. }
  132. .standardized-themed-scrollbar::-webkit-scrollbar-track {
  133. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  134. }
  135. .standardized-themed-scrollbar::-webkit-scrollbar-thumb {
  136. background-color: darkgrey;
  137. height: 56px;border-radius: 10px;border: 4px solid transparent;background-clip: content-box;
  138. }</style>
  139. `;
  140. html_app.classList.add('dropdown-hover');
  141. document.querySelector("#end").appendChild(html_app);
  142.  
  143. //
  144. var speed_slider=document.getElementById("speed_slider"),speed_button=document.getElementById("speed_button"),
  145. y=document.getElementById("sec_sub"),z=document.getElementById("wheel_sec"),x=document.getElementById("buffer_time"),w=document.getElementById("dark_mode"),
  146. 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");
  147. dark_mode = localStorage.getItem('dark_mode');comment_right = localStorage.getItem('comment_right');icare_mode = localStorage.getItem('icare_mode');
  148. var english_mode = localStorage.getItem('english_mode');
  149. speed_display=document.getElementById("speed_display");
  150. const mandarins = document.querySelectorAll('.mandarin');const englishs = document.querySelectorAll('.english');
  151.  
  152.  
  153. video_speed = localStorage.getItem('speed');sec_fwd = localStorage.getItem('sec_fwd');sec_sub = localStorage.getItem('sec_sub');
  154. wheel_sec = localStorage.getItem('wheel_sec');buffer_time = localStorage.getItem('buffer_time');
  155. video_quality = localStorage.getItem('video_quality')?localStorage.getItem('video_quality'):"auto";
  156.  
  157. english_mode = localStorage.getItem('english_mode');
  158. //判读英文菜单
  159. if(localStorage.getItem('english_mode')==1){
  160. for (const mandarin of mandarins) {
  161. mandarin.className -= ' invisible';
  162. }
  163. for (const english of englishs) {
  164. english.className += ' invisible';
  165. }
  166. }
  167.  
  168. video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  169.  
  170. setTimeout(function (){
  171. if(video_speed&&document.querySelector('#movie_player'))
  172. document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;},4000);
  173.  
  174. speed_slider.value = localStorage.getItem('speed')*25;
  175.  
  176. 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";
  177. document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  178. }
  179.  
  180. 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";
  181. document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  182. speed_slider.value = localStorage.getItem('speed')*25;
  183. }
  184.  
  185. sec_fwd?v.value=sec_fwd:v.value="";
  186. v.onchange=function(){localStorage.setItem('sec_fwd',this.value);sec_fwd = localStorage.getItem('sec_fwd');sec_fwd?v.value=sec_fwd:v.value="";
  187. }
  188. sec_sub?y.value=sec_sub:y.value="";
  189. y.onchange=function(){localStorage.setItem('sec_sub',this.value);sec_sub = localStorage.getItem('sec_sub');sec_sub?y.value=sec_sub:y.value="";
  190. }
  191.  
  192. wheel_sec?z.value=wheel_sec:z.value="";
  193. z.onchange=function(){localStorage.setItem('wheel_sec',this.value);wheel_sec = localStorage.getItem('wheel_sec');wheel_sec?z.value=wheel_sec:z.value="";
  194. }
  195. buffer_time?x.value=buffer_time:x.value="";
  196. x.onchange=function(){localStorage.setItem('buffer_time',this.value);buffer_time = localStorage.getItem('buffer_time');buffer_time?x.value=buffer_time:x.value="";
  197. }
  198. c.checded=comment_right; if(comment_right!=1){document.getElementById("comment_to").removeAttribute('checked');}
  199. c.onchange=function(){if(c.checked){localStorage.setItem('comment_right','1');youtube_hand.dark_eye();}
  200. else{localStorage.setItem('comment_right',0);
  201. //评论右上移
  202.  
  203. document.querySelector("#columns #primary #primary-inner").append(document.querySelector("#secondary #secondary-inner #sections"));
  204. //related 左下移
  205. document.querySelector("#secondary #secondary-inner").append(document.querySelector("#related"));
  206. document.querySelector("#secondary #secondary-inner #sections").remove();
  207.  
  208. }
  209. comment_right = localStorage.getItem('comment_right');
  210. }
  211.  
  212. iii.checded=icare_mode; if(icare_mode!=1){document.getElementById("icare_mode").removeAttribute('checked');}
  213. iii.onchange=function(){if(iii.checked){localStorage.setItem('icare_mode','1');}
  214. else{localStorage.setItem('icare_mode',0);
  215. }
  216. icare_mode = localStorage.getItem('icare_mode');
  217. }
  218.  
  219. w.checded=dark_mode; if(dark_mode!=1){document.getElementById("dark_mode").removeAttribute('checked');}
  220. w.onchange=function(){if(w.checked){localStorage.setItem('dark_mode','1');youtube_hand.dark_eye();youtube_hand.dark_eye1();}
  221. else{localStorage.setItem('dark_mode',0);
  222. document.querySelector("html").removeAttribute("dark");
  223. document.querySelector('#style_type').remove();
  224. }
  225. dark_mode = localStorage.getItem('dark_mode');
  226. }
  227. t.checded=english_mode; if(english_mode!=1){document.getElementById("english_mode").removeAttribute('checked');}
  228. t.onchange=function(){if(t.checked){localStorage.setItem('english_mode','1');
  229. for (const mandarin of mandarins) {
  230. mandarin.className -= ' invisible';}
  231. for (const english of englishs) {
  232. english.className += ' invisible';}
  233. }
  234. else{localStorage.setItem('english_mode',0);
  235. for (const mandarin of mandarins) {
  236. mandarin.className += ' invisible';}
  237. for (const english of englishs) {
  238. english.className -= ' invisible';}
  239. }
  240. english_mode = localStorage.getItem('english_mode');
  241. }
  242.  
  243. if(video_quality){
  244. for(var i=0;i<s.length;i++){
  245. if(s.options[i].value==video_quality){
  246. s.options[i].selected=true;
  247. }
  248. }
  249. }
  250. s.onchange=function (){
  251. var quality_value = s[s.selectedIndex].getAttribute("value");
  252. localStorage.setItem('video_quality',quality_value);
  253. video_quality = localStorage.getItem('video_quality');
  254. var avail_quali;var v_elem = document.querySelector("#movie_player");
  255. if((avail_quali = v_elem.getAvailableQualityLevels())&&avail_quali.indexOf(video_quality) == -1){
  256. v_elem.setPlaybackQualityRange(avail_quali[0],avail_quali[0]);
  257. }
  258. else{v_elem.setPlaybackQualityRange(video_quality,video_quality);}
  259. }
  260.  
  261. },
  262.  
  263. play_main:function (){
  264.  
  265. sec_fwd = localStorage.getItem('sec_fwd');
  266. sec_sub = localStorage.getItem('sec_sub');
  267. wheel_sec = localStorage.getItem('wheel_sec');
  268. buffer_time = localStorage.getItem('buffer_time');
  269.  
  270. var video_speed = localStorage.getItem('speed');
  271.  
  272. var video_elem,v_elem;
  273.  
  274.  
  275. //每3秒试执行主应用操作
  276. var main_timer = setInterval(function () {
  277. video_elem = document.querySelector("#movie_player > div.html5-video-container > video");
  278. v_elem = document.querySelector("#movie_player");
  279.  
  280. if (video_elem){
  281. //main_opr();
  282.  
  283. video_elem.onloadeddata = function (){
  284.  
  285. main_opr();
  286. if(buffer_time){
  287. 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>");
  288. }
  289. 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>");
  290. }
  291. setTimeout(function(){video_elem.onloadeddata = "";},2000)
  292.  
  293. }
  294. /* document.addEventListener("yt-navigate-finish", function() {
  295. video_elem.currentTime=0;
  296. current_time=0;
  297. main_opr();
  298. }) */
  299.  
  300. //尝试取消看看,是否你能修复新播放视频卡顿,跳伞亮的情况
  301.  
  302. video_elem.ondurationchange = function(){
  303. video_elem.currentTime=0;
  304. //current_time=0;
  305. video_speed = localStorage.getItem('speed');
  306. if(buffer_time&&document.querySelector("#info-text > #info-strings > yt-formatted-string")){
  307. 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>");
  308. }
  309. else if(document.querySelector("#info-text > #info-strings > yt-formatted-string")){
  310. 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>");
  311. }
  312. main_opr();
  313. }
  314.  
  315.  
  316.  
  317. clearInterval(main_timer);}
  318. },100)
  319.  
  320. //主应用操作
  321. function main_opr() {
  322. doc_s = window.document;
  323. //视频质量选择
  324.  
  325. var avail_quali;var current_time;
  326. if((avail_quali = v_elem.getAvailableQualityLevels())&&avail_quali.indexOf(video_quality) == -1){
  327. v_elem.setPlaybackQualityRange(avail_quali[0],avail_quali[0]);
  328. }
  329. else if(video_quality=="auto"){}
  330. else if(video_quality){v_elem.setPlaybackQualityRange(video_quality,video_quality);}
  331. //点开视频介绍
  332. if(expand_description){
  333.  
  334. if(document.getElementById("action-panel-details")) {
  335. document.getElementById("action-panel-details").classList.remove("yt-uix-expander-collapsed");
  336. }
  337.  
  338. if(document.querySelector("#more > .more-button.style-scope.ytd-video-secondary-info-renderer")) {
  339. document.querySelector("#more > .more-button.style-scope.ytd-video-secondary-info-renderer").click();
  340. }
  341. }
  342.  
  343. //前跳过秒数+速度+播放质量设定
  344. video_elem.oncanplay = function(){
  345. if(video_speed&&video_elem){
  346. video_elem.playbackRate = video_speed;
  347. }
  348. // if(current_time>200){current_time=0}
  349. if(sec_fwd&&(video_elem.currentTime < sec_fwd/1)){
  350. video_elem.currentTime += sec_fwd/1;
  351. video_elem.oncanplay = "";
  352. }
  353. // video_elem.currentTime += 1;
  354.  
  355. }
  356.  
  357. //暂停缓存
  358.  
  359. sec_sub = localStorage.getItem('sec_sub');
  360. video_elem.onpause = function(){
  361. //youtube_hand.message_box.show('<div>'+document.querySelector("#header-author yt-formatted-string > a").innerText+'</div>');
  362. if(!buffer_time||buffer_time == 0){return;}
  363. if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration)){current_time=0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";}
  364. else{current_time = parseInt(video_elem.currentTime);
  365. video_elem.oncanplaythrough = function(){
  366. if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration)){current_time=0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";}
  367. else{video_elem.currentTime +=1;
  368. if(sec_sub){
  369. if((video_elem.currentTime-current_time)>(buffer_time?buffer_time:0)||(video_elem.duration<(video_elem.currentTime+parseInt(sec_sub)+10)))
  370. {video_elem.currentTime = current_time;
  371. console.log(current_time);console.log(video_elem.currentTime);
  372. video_elem.oncanplaythrough='';current_time=0;}
  373. }
  374. else{
  375. if(current_time!=0){
  376. if((video_elem.currentTime-current_time)>(buffer_time?buffer_time:0)||(video_elem.duration<(video_elem.currentTime+20)))
  377. {video_elem.currentTime = current_time;
  378. video_elem.oncanplaythrough='';}
  379. }
  380. else{ video_elem.oncanplaythrough='';}
  381. }
  382. }
  383. }
  384. video_elem.currentTime += 1;
  385. }
  386. }
  387. video_elem.onplay = function(){
  388.  
  389. if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration-1)){current_time = 0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";} // new
  390. else if(current_time){video_elem.currentTime = current_time;
  391. video_elem.oncanplaythrough = "";
  392. }
  393. }
  394. video_elem.onended = function(){current_time = "";video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";
  395. }
  396. //中键全屏
  397.  
  398. video_elem.addEventListener("mouseup", function(e) {
  399. e.preventDefault();
  400. if(e.button==1){
  401. document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-right-controls > button.ytp-fullscreen-button.ytp-button").click();
  402. }
  403. }, false);
  404. //按c开启/停止缓冲功能,按e调整视频速度
  405. doc_s.onkeydown = key_down;
  406.  
  407. function key_down(e){
  408. //document.addEventListener("keydown", function(e) {
  409. if (document.activeElement.id != "" && document.activeElement.id != "movie_player") {
  410. return;}
  411.  
  412. else{
  413. if (e.keyCode == 69) {
  414. e.preventDefault();
  415. if(buffer_time){
  416. temp_buffer = buffer_time;
  417. buffer_time="";
  418. current_time=0;
  419. //localStorage.setItem('buffer_time','');
  420. youtube_hand.message_box.show("no cashing set");
  421. }
  422. else if(temp_buffer){buffer_time=temp_buffer;
  423. // localStorage.setItem('buffer_time',temp_buffer);
  424. youtube_hand.message_box.show("cashing "+buffer_time+" seconds set");
  425. }
  426. else{youtube_hand.message_box.show("no cashing time preset");}
  427. }
  428. else if(e.keyCode == 68) {
  429. if(video_speed != 1){
  430. temp_speed = video_speed;
  431. video_speed=1;
  432. video_elem.playbackRate = video_speed;
  433. speed_display.innerHTML="1x";
  434. //localStorage.setItem('speed','1')
  435. youtube_hand.message_box.show("video speed 1x set");
  436. }
  437. else if(temp_speed){
  438. if(localStorage.getItem('speed')!=temp_speed){video_speed=localStorage.getItem('speed');}
  439. else{video_speed=temp_speed;}
  440. video_elem.playbackRate = video_speed/1;
  441. speed_display.innerHTML=video_speed+"x";
  442. //localStorage.setItem('speed',temp_speed);
  443. youtube_hand.message_box.show("video speed "+video_speed+"x set");
  444. }
  445. else{ youtube_hand.message_box.show("no video speed preset");}
  446.  
  447. }
  448. doc_s.onkeydown = "";
  449. setTimeout(function(){doc_s.onkeydown = key_down;},200);
  450. }
  451. }
  452.  
  453. // 滚轮前进后退
  454. video_elem.onwheel = function(e){e.preventDefault()};
  455. v_elem.onwheel = wheel_e;
  456.  
  457. function wheel_e (event) {
  458. if(wheel_sec){
  459. event.preventDefault();
  460.  
  461. video_elem.currentTime += parseInt(event.deltaY>0?wheel_sec/1:-wheel_sec) ;
  462.  
  463. v_elem.onwheel="";
  464. setTimeout(function(){v_elem.onwheel= wheel_e;
  465. video_elem.onwheel = function(e){e.preventDefault()};
  466. },300);
  467.  
  468. //同时重设播放速度
  469. // video_speed = localStorage.getItem('speed');
  470. // document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  471. }
  472. }
  473.  
  474. //每隔25秒获取播放剩余时间,如在25秒内则执行主程序
  475. if(sec_sub !== ""&&sec_sub !=0){
  476. const sec_sub2=sec_sub/1+12;
  477. setInterval(function(){
  478. let left_duration = get_dura();
  479. if((left_duration < sec_sub) && (left_duration != 0))
  480. {
  481.  
  482. next_exec();
  483.  
  484. }
  485. }, 1000);
  486. }
  487.  
  488. //next part 执行
  489. function next_exec(){
  490. 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");
  491. if (sel_part2)
  492. {console.log("clicked next---");sel_part2.click();
  493. // video_elem.currentTime=0;
  494. current_time=0;}
  495. }
  496.  
  497. //获取播放剩余时间
  498. function get_dura() {
  499. const sel_start = video_elem.currentTime;
  500. const sel_fin = video_elem.duration;
  501. if (sel_fin) {
  502. return sel_fin-sel_start;
  503. }
  504. return 0;
  505. }
  506.  
  507.  
  508.  
  509.  
  510. }
  511.  
  512. },
  513.  
  514. move_menu:function (){
  515. //点开显示其余items
  516. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) > #items > ytd-guide-collapsible-entry-renderer > #expander-item > #endpoint").click();
  517. //移动频道到左顶部
  518. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)").parentNode.append(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)"))
  519.  
  520.  
  521. //页面写入script和style
  522. var a_bug = document.createElement("script");
  523. a_bug.innerHTML = `// 监听draggable的相关事件
  524. function dragstart_handler(ev) {
  525. console.log("dragStart");
  526. // Add the target element's id to the data transfer object
  527. ev.dataTransfer.setData("text", ev.target.id);
  528. ev.dataTransfer.setData("text1", ev.target);
  529. console.log(ev.dataTransfer.getData("text1"));
  530. ev.dataTransfer.dropEffect = "move";
  531. }
  532. function dragEnter(ev) {
  533. console.log("dragenter");
  534. ev.preventDefault();
  535. ev.target.className += ' drag-over';
  536. }
  537. function dragLeave(e) {
  538. ev.preventDefault();
  539. this.className = 'droppable';
  540. }
  541. function dragover_handler(ev) {
  542. ev.preventDefault();
  543. //ev.dataTransfer.dropEffect = "move"
  544. }
  545. function drop_handler(ev) {
  546. ev.preventDefault();
  547. // Get the id of the target and add the moved element to the target's DOM
  548. var data = ev.dataTransfer.getData("text");
  549. var first=ev.target.firstChild; //得到第一个元素
  550. ev.target.insertBefore(document.getElementById(data),first); //在第原来的第一个元素之前插入
  551. //ev.target.appendChild(document.getElementById(data));
  552. }
  553. function dragend_handler(ev) {
  554. console.log("dragEnd");
  555. // Remove all of the drag data
  556. ev.dataTransfer.clearData();
  557. //localStorage.setItem("itemstate",document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").outerHTML);
  558.  
  559. //itemdetail写入localStorage
  560. var json = [];
  561. var data = {};
  562. var items_length=document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer").length
  563. for(var i=0;i<items_length-1;i++){
  564. data = {};
  565. //data.id = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer")[i].id;
  566. //data.imgsrc = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer #img")[i].src;
  567. data.text =document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer")[i].innerText;
  568. //data.href = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint")[i].href;
  569.  
  570. json.push(data);
  571.  
  572. }
  573. var jsonString = JSON.stringify(json);//[{"id":1,"imgsrc":"test1","text":2}]
  574. localStorage.setItem("itemdetail",jsonString);
  575. //localStorage.setItem("item_new","");
  576. }
  577. function noAllowDrop(ev) {
  578. console.log("stopPropagation");
  579. ev.stopPropagation();
  580. }
  581.  
  582.  
  583. //点击订阅或退订时,删除localStorage内已有相同item
  584. if(document.querySelector("#inner-header-container #subscribe-button")){var subscribe_button = document.querySelector("#inner-header-container #subscribe-button")}
  585. else if(document.querySelector("#meta-contents #top-row > #subscribe-button")){var subscribe_button = document.querySelector("#meta-contents #top-row > #subscribe-button");}
  586. // 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");
  587.  
  588. if(subscribe_button){
  589.  
  590. subscribe_button.onclick=function(){
  591.  
  592. //localStorage.setItem("item_new",document.querySelector("#text > a").innerText);
  593. //localStorage.removeItem("itemdetail",document.querySelector("#channel-name #text").innerText);
  594. let obj = JSON.parse(localStorage.itemdetail);
  595. for(let j=obj.length-1;j>-1;j--){
  596. if(obj[j]&&obj[j].text==document.querySelector("#channel-name #text").innerText){
  597. let items_down = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  598.  
  599. items_down.forEach(function(element,index,array) {
  600.  
  601. if(element.firstElementChild.title==document.querySelector("#channel-name #text").innerText){
  602.  
  603. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").append(element);
  604. return false;
  605. }
  606. })
  607.  
  608. delete obj[j];}
  609. }
  610. localStorage.setItem("itemdetail",JSON.stringify(obj));
  611. console.log("delete suc");
  612. }
  613. }
  614. `;
  615. document.body.appendChild(a_bug);
  616.  
  617. var style_type2 = document.createElement("style");style_type2.id = "style_type";
  618. style_type2.innerHTML = `#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer{margin: 1em 0em 1em 0em !important;}
  619. .drag-over {
  620. border-style: dashed;
  621. }
  622. .droppable{}
  623. `;
  624. //#expandable-items > ytd-guide-entry-renderer{margin: 1.2em 0em 1.2em 0em !important;}
  625. document.head.appendChild(style_type2);
  626.  
  627. //开始操作
  628. var menu_opr = setInterval(function(){
  629.  
  630. // const droppables = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)");
  631. if(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-entry-renderer")){
  632. const droppables = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) > #items");
  633. const draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  634. const no_draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint");
  635. // const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint > tp-yt-paper-item");
  636. // const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint *");
  637. const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items *");
  638.  
  639. const draggable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer");
  640. const no_draggable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer > #endpoint");
  641. // const no_droppable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer > #endpoint *");
  642.  
  643. droppables.setAttribute("ondrop","drop_handler(event);");
  644. droppables.setAttribute("ondragover","dragover_handler(event);");
  645. // droppables.setAttribute("ondragenter","dragEnter(event);");
  646. // droppables.setAttribute("ondragleave","dragLeave(event);");
  647. no_draggable.forEach(function(element,index,array) {
  648. element.setAttribute("draggable",false);
  649. });
  650. no_draggable2.forEach(function(element,index,array) {
  651. element.setAttribute("draggable",false);
  652. });
  653.  
  654. no_droppable.forEach(function(element,index,array) {
  655. element.setAttribute("ondragover","noAllowDrop(event);");
  656. });
  657. // no_droppable2.forEach(function(element,index,array) {
  658. // element.setAttribute("ondragover","noAllowDrop(event);");
  659. //});
  660.  
  661.  
  662. draggable.forEach(function(element,index,array) {
  663. if(index<array.length){
  664. element.setAttribute("draggable",true);
  665. element.setAttribute("ondragstart","dragstart_handler(event);");
  666. element.setAttribute("ondragend","dragend_handler(event);");
  667. if(!element.id){element.setAttribute("id","move"+index);}
  668. }
  669. });
  670. let index_x =0;
  671. draggable2.forEach(function(element,index,array) {
  672. index_x=index+7;
  673. element.setAttribute("draggable",true);
  674. element.setAttribute("ondragstart","dragstart_handler(event);");
  675. element.setAttribute("ondragend","dragend_handler(event);");
  676. element.setAttribute("id","move"+index_x);
  677.  
  678. });
  679.  
  680. //把隐藏内容拉出来,放入items
  681. const parent_item = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items");
  682. let insert_sec = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-collapsible-entry-renderer");
  683. 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");
  684. new_content2.forEach(function(element){parent_item.insertBefore(element,insert_sec)});
  685.  
  686.  
  687. const obj = JSON.parse(localStorage.getItem("itemdetail"));
  688.  
  689. //getItem("itemdetail")然后写入网页列表
  690. if(localStorage.getItem("itemdetail")){
  691.  
  692. var items_drag = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  693.  
  694. for(var j=obj.length-1;j>-1;j--){
  695. // if(j==0){
  696. items_drag.forEach(function(element,index,array) {
  697.  
  698. //console.log(element.firstElementChild.title);
  699. //console.log(obj[j].text);
  700. if(obj[j]&&element.firstElementChild.title==obj[j].text){
  701.  
  702. parent_item.prepend(element);
  703. return false;
  704. }
  705. })
  706.  
  707. }
  708.  
  709.  
  710. }
  711. //把当日订阅置顶
  712. 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)"));
  713.  
  714. clearInterval(menu_opr);
  715. }
  716.  
  717. },100)
  718.  
  719. }
  720.  
  721.  
  722. }
  723.  
  724.  
  725.  
  726. var load_menu = setInterval(function(){
  727. //youtube_hand.dark_eye();
  728.  
  729. if(document.querySelector("#end")){
  730. youtube_hand.play_menu();
  731. youtube_hand.play_main();
  732. youtube_hand.dark_eye1();
  733.  
  734. //document.querySelector("html").onpropertychange = youtube_hand.dark_eye;
  735.  
  736. clearInterval(load_menu);
  737. }
  738. },100)
  739.  
  740. /*
  741. window.onload=function(){
  742. document.addEventListener("yt-navigate-finish", function() {
  743. youtube_hand.play_menu();
  744. youtube_hand.play_main();
  745. youtube_hand.dark_eye1();
  746. })
  747. };
  748. */
  749. setInterval(function(){ youtube_hand.dark_eye();
  750. if(document.querySelector(".ytp-ce-element.ytp-ce-playlist.ytp-ce-element-show")){
  751. document.querySelector(".ytp-ce-element.ytp-ce-playlist.ytp-ce-element-show").remove();
  752. console.log("del 1");
  753. }
  754.  
  755. if(document.querySelector(".ytp-ce-element.ytp-ce-video.ytp-ce-element-show")){
  756. document.querySelector(".ytp-ce-element.ytp-ce-video.ytp-ce-element-show").remove();
  757. console.log("del 2");}
  758. if(document.querySelector(".ytp-ce-element.ytp-ce-channel.ytp-ce-channel-this.ytp-ce-element-show")){
  759. document.querySelector(".ytp-ce-element.ytp-ce-channel.ytp-ce-channel-this.ytp-ce-element-show").remove();
  760. console.log("del 3");}
  761.  
  762. },600)
  763.  
  764.  
  765. if(subscription_up){
  766. var move_ma=setInterval(function(){
  767. if(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2)"))
  768. {
  769. youtube_hand.move_menu();
  770.  
  771. clearInterval(move_ma);
  772. }
  773. },200)
  774. }
  775.  
  776.  
  777. })();