☰

B站学习机 | Bilibili+Youtube字幕全文阅读 | coursera-like subtitles fulltext reader

在线字幕阅读或下载，B站油管秒变cousera！ - Read & learn subtitles full text online!

  1. // ==UserScript==
  2. // @name         B站学习机 | Bilibili+Youtube字幕全文阅读 | coursera-like subtitles fulltext reader
  3. // @namespace    https://gist.github.com/KnIfER/9e43ffa31c3b9831a500edf35595c1dc
  4. // @version      6
  5. // @description  在线字幕阅读或下载，B站油管秒变cousera！ - Read & learn subtitles full text online!
  6. // @author       KnIfER
  7. // @match        https://*.bilibili.com/video/*
  8. // @match        https://*.youtube.com/*
  9. // @match        https://*/watch?v=*
  10. // @match        https://*/embed/*?si=*
  11. // @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
  12. // @license MIT
  13. // ==/UserScript==
  14.  
  15.   
  16. // (function() {
  17. 	var trustedPolicy = trustedTypes.createPolicy("myPolicy", {
  18. 		createHTML: (s) => s
  19. 	  });
  20. 	  
  21. 	'use strict';
  22. 	var lastVid='x';
  23. 	var win = window.unsafeWindow || window, doc=document, d=doc
  24. 		, bank=win.parent._xxj_bank
  25. 		, isBY = location.host.indexOf('bilibili')>=0?0:1
  26. 		, isYProxy = e=>parent.advancedVideoPlayer && parent.advancedVideoPlayerContainer // YOUTUBEUNBLOCKED
  27. 		, Data;
  28. 	if(!bank) {
  29. 		bank = win.parent._xxj_bank = {};
  30. 	} else try{
  31. 		lastVid = bank.unreg();
  32. 	} catch(e) {}
  33. 	bank.unreg = uninstall;
  34. 	// unregister the script for hot reload
  35. 	var unregs = [];
  36. 	function uninstall() {
  37. 		if(Btn) Btn.remove();
  38. 		if(TextPane) TextPane.remove();
  39. 		//
  40. 		Btn = 0;
  41. 		Menu = 0;
  42. 		TextPane = 0;
  43. 		//
  44. 		if(isBY==0) {
  45. 			proto.open = proto.realOpen;
  46. 			proto.send = proto.realSend;
  47. 		}
  48. 		var tmp = ge('_xxj_sty');
  49. 		if(tmp) tmp.remove();
  50. 		for(var i=0;i<unregs.length;i++) {
  51. 			unregs[i]();
  52. 		}
  53. 		return lastVid;
  54. 	}
  55.  
  56. 	function debug(a,b,c,d,e){var t=[a,b,c,d,e];for(var i=5;i>=0;i--){if(t[i]===undefined)t[i]='';else break}console.log("%c 学习机 ","color:#eee!important;background:#0FF;",t[0],t[1],t[2],t[3],t[4])}
  57. 	function gc(c, d) {
  58. 		return (d||document).getElementsByClassName(c)[0];
  59. 	}
  60. 	function gt(c, d) {
  61. 		return (d||document).getElementsByTagName(c)[0];
  62. 	}
  63. 	function ge(id) {
  64. 		return document.getElementById(id);
  65. 	}
  66. 	function gcs(c, d) {
  67. 		return (d||document).getElementsByClassName(c);
  68. 	}
  69. 	function gts(c, d) {
  70. 		return (d||document).getElementsByTagName(c);
  71. 	}
  72. 	function gcp(c, d, max) {
  73. 		var p = d||document;
  74. 		if(!max) max=99999;
  75. 		while(p) {
  76. 			if(p.classList && p.classList.contains(c)) return p;
  77. 			p = p.parentNode;
  78. 			if(--max<=0) return null;
  79. 		}
  80. 		return p;
  81. 	}
  82. 	function addEvent(a, b, c, d) {
  83. 		if(!d) d = win;
  84. 		d.addEventListener(a, b, c);
  85. 		unregs.push(function(){ d.removeEventListener(a, b, c)} );
  86. 	}
  87. 	function delEvent(a, b, c, d) {
  88. 		if(!d) d = win;
  89. 		d.removeEventListener(a, b, c);
  90. 	}
  91. 	function stop(e) {
  92. 		try{
  93. 			e.stopPropagation();
  94. 			e.preventDefault();
  95. 		} catch(e) {debug(e)}
  96. 	}
  97. 	function editing() {
  98. 		var act = document.activeElement;
  99. 		if(act)
  100. 			return act.tagName==='INPUT'
  101. 				|| act.contentEditable==='true'
  102. 				|| act.tagName==='TEXTAREA'
  103. 	}
  104.  
  105. 	var proto = XMLHttpRequest.prototype, html=e=>e;
  106. 	if(isBY==0) {
  107. 		proto.realOpen = proto.open;
  108. 		proto.open = function(method, url, a, u, p) {
  109. 			//debug('request::open!!!', url);
  110. 			this.realOpen(method, url , true, u, p); // set async to true to avoid 'sync responseType error'
  111. 			if(url) {
  112. 				var tmp = new RegExp('(aid=[0-9]+&cid=[0-9]+)').exec(url);
  113. 				if(tmp) tmp = tmp[0];
  114. 				if(tmp && lastVid!=tmp) {
  115. 					lastVid = tmp;
  116. 					debug('正在播放='+lastVid);
  117. 				}
  118. 			}
  119. 		};
  120. 		proto.realSend = proto.send;
  121. 		proto.send = function(b) {
  122. 			//debug('request::send!!!', b);
  123. 			this.realSend(b);
  124. 		};
  125. 	} else {
  126. 		html=e=>trustedPolicy.createHTML(e);
  127. 	}
  128. 	
  129. 	// 动态z-order，配合B站笔记窗口
  130. 	var zIndexes = ['1500', '10000'];
  131. 	if(isBY==1) {
  132. 		zIndexes = ['2030', '10000'];
  133. 	}
  134.  
  135.     var loadOnStart = false; /* true false 是否自动分析字幕 */
  136.     var autoFTM = false; /* true false 是否自动打开字幕列表 */
  137.  
  138. 	// the panel, textview, and the button
  139.     var TextPane, tv, Btn, installTryCnt=0
  140. 		, autoScroling, userScrollTm=0
  141. 		, moved, focused=0
  142. 		// the menu
  143. 		, Menu, MenuSty
  144. 		// video tag
  145. 		, Vid
  146. 		;
  147.  
  148. 	function ge(e,p){return (p||doc).getElementById(e)};
  149. 	function gc(e,p){return (p||doc).getElementsByClassName(e)[0]};
  150. 	function craft(p, t, c) {
  151. 		var e=doc.createElement(t||'DIV');
  152. 		if(c)e.className=c;
  153. 		if(p)p.appendChild(e);
  154. 		return e;
  155. 	}
  156.  
  157.     function installBtn(){
  158.         if(!Btn || !Btn.parentNode){
  159. 			var ibf = 0, tmp;
  160. 			if(isBY==0) {
  161. 				ibf = doc.getElementsByClassName("bpx-player-ctrl-subtitle")[0];
  162. 				if(!ibf) ibf = doc.getElementsByClassName("bpx-player-ctrl-volume")[0];
  163. 				if(ibf) ibf = ibf.nextElementSibling;
  164. 			} else {
  165. 				ibf = doc.getElementsByClassName("ytp-settings-button")[0];
  166. 				if(!ibf) {
  167. 					tmp = doc.getElementsByClassName("slim_video_action_bar_renderer_button");
  168. 					ibf = tmp[tmp.length-1];
  169. 				}
  170. 			}
  171. 			debug('insertBefore', ibf, installTryCnt);
  172.             if(ibf) {
  173. 				// insert a control BUTTON
  174. 				tmp = craft(doc.head, "STYLE");
  175. 				tmp.id = "_xxj_sty"
  176. 				tmp.textContent = ".ytp-gradient-top,.ytp-chrome-top{opacity:0}.ytp-fulltext-menu{right: 12px;bottom: 53px;z-index: 71;will-change: width,height;}._xxj_menu .ytp-menuitem-label{width:65%;}._xxj_menu{user-select:none}";
  177.                 if(isBY==0) {
  178. 					tmp.textContent+=".ytp-menuitem>div{display:inline-block;font-size:medium}.ytp-menuitem-label{cursor:pointer}";
  179. 				}
  180. 				if(isBY==1) {
  181. 					tmp.textContent+="._xxj_menu .ytp-menuitem-label{width:65%;white-space:nowrap;font-size:100%;}._xxj_menu .ytp-menuitem-content{white-space:nowrap;font-size:100%;}";
  182. 				}
  183. 				tmp = craft(0, isBY==1?'BUTTON':'DIV', "ytp-fulltext-button ytp-button bpx-player-ctrl-btn");
  184.                 tmp.id = "_xxj_btn"
  185.                 tmp.title="字幕学习机 (x)";
  186. 				// button svg icon
  187. 				
  188. 				debug('create the control button')
  189.                 tmp.innerHTML = html('<svg height="100%" version="1.1" viewBox="0 0 36 36" width="100%"><g class="ytp-fullscreen-button-corner-0"><use class="ytp-svg-shadow" xlink:href="#ytp-id-99"></use><path class="ytp-svg-fill" d="M18.97,18h6.82v1.46h-6.82zM18.97,15.57h6.82L25.8,17.03h-6.82zM18.97,20.43h6.82L25.8,21.89h-6.82zM26.77,10.19L9.23,10.19c-1.07,0 -1.96,0.88 -1.96,1.96v12.67c0,1.07 0.88,1.96 1.96,1.96h17.55c1.07,0 1.96,-0.88 1.96,-1.96L28.73,12.15c0,-1.07 -0.88,-1.96 -1.96,-1.96zM26.77,24.83h-8.77L18,12.15h8.77v12.67z" id="ytp-id-99"></path></g></svg>'
  190. 					);
  191. 				
  192. 				tmp.onclick = function() {
  193. 					if(MenuSty) {
  194. 						tmp = MenuSty;
  195. 						if(tmp.display!="none") {
  196. 							tmp.display="none"
  197. 						} else {
  198. 							tmp.display="";
  199. 							build_cc_menu()
  200. 						}
  201. 					} else {
  202. 						build_cc_menu()
  203. 					}
  204.                 }
  205. 				var ts = tmp.style;
  206. 				if(isBY==0) {
  207. 					ts.maxHeight='30px'
  208. 					tmp.firstElementChild.style = "transform:scale(1.5);"
  209. 				}
  210. 				if(isBY==1) {
  211. 					if(location.host[0]=='m') {
  212. 						ts.marginTop='.5%';
  213. 						ts.minWidth='25px';
  214. 						gc('ytp-svg-fill', tmp).style.fill='#000';
  215. 					}
  216. 				}
  217.                 ibf.parentNode.insertBefore(tmp, ibf);
  218. 				Btn=tmp;
  219. 				debug('成功安装按钮:', tmp);
  220. 				// if(autoFTM) {
  221. 				// 	build_cc_menu()
  222. 				// }
  223. 				// if(loadOnStart) {
  224. 				// 	// todo load initial lyrics
  225. 				// 	build_cc_menu(1);
  226. 				// 	initYFT();
  227. 				// }
  228.             } else if(installTryCnt++<15){
  229.                 setTimeout(installBtn, 500);
  230.             }
  231.         }
  232.     }
  233. 	
  234. 	
  235.     function tvShown(){
  236. 		return TextPane && TextPane.style.display!='none';
  237. 	}
  238.  
  239. 	var keysDwn=[];
  240. 	let pdoc = doc;
  241. 	if(isYProxy()) {
  242. 		pdoc = parent.document;
  243. 	}
  244. 	function fnKeydown(e){
  245. 		//debug('fnKeydown', tvShown(), e.code, e.code==="KeyX", e.altKey)
  246. 		if(!keysDwn[e.code]) {
  247. 			keysDwn[e.code] = e;
  248. 			if(!editing())
  249. 			if(focused || tvShown()) {
  250. 				if(focused) {
  251. 					if(e.code==="Escape") {
  252. 						TextPane.close();
  253. 						stop(e);
  254. 					}
  255. 				}
  256. 				// if(userScrollTm && e.code==="ArrowRight" && e.code==="ArrowLeft") {
  257. 				// 	userScrollTm = 0;
  258. 				// 	debug('userScrollTm = 0');
  259. 				// }
  260. 				if(e.code==="KeyX"/*  && e.altKey */) {
  261. 					TextPane.close();
  262. 				}
  263. 			}
  264. 			else if(e.code==="KeyX"/*  && e.altKey */) {
  265. 				installTextPane().style.display = "";
  266. 			}
  267. 		}
  268. 	}
  269. 	function fnKeyup(e){
  270. 		delete keysDwn[e.code];
  271. 	}
  272. 	addEvent("keydown", fnKeydown, 1, pdoc);
  273. 	addEvent("keyup", fnKeyup, 1, pdoc);
  274. 	if(pdoc!=doc) {
  275. 		addEvent("keydown", fnKeydown, 1, doc);
  276. 		addEvent("keyup", fnKeyup, 1, doc);
  277. 	}
  278. 	
  279.     function insertTextToEl(){
  280. 		if(isBY==0) {
  281. 			return gc('bpx-player-container');
  282. 		} else {
  283. 			return isYProxy()&&parent['player-container-inner']
  284. 		}
  285. 	}
  286. 	
  287.     function installTextPane(H){
  288.         if(!TextPane) {
  289.             craft(pdoc.head, "STYLE").innerHTML = html("a.ft-time:before{content:attr(data-val)}a.ft-time{text-decoration:none;color:blue;user-select:none;-moz-user-select:none}._xxj_ft_ln.curr {border-bottom: 5px solid #0000ffac;}ytd-masthead{background: transparent;}._xxj_btn:hover{ box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 15%); }._xxj_btn:active{ box-shadow: inset 1px 1px 2px 1px rgb(0 0 0 / 15%);}"
  290. 				+ ".bpx-player-container[data-screen=full], .bpx-player-container[data-screen=web] {z-index: 1500!important;}"
  291. 				+ "#bilibili-player.mode-webscreen {z-index: 1500!important;}"
  292. 				// + "._xxj_tv {display: none;}"
  293. 				);
  294. 			if(isYProxy() && win==parent) {
  295. 				return;
  296. 			}
  297. 			// the lyrics display float window.
  298. 			var advPlayer = insertTextToEl();
  299.             TextPane=craft(advPlayer||pdoc.body,0,"_xxj_tv");
  300. 			TextPane.innerHTML=html('<p class="drag_resizer"></p><div class="_xxj_tvp"><p class="_xxj_ftv">FETCHING……</p></div>');
  301. 			tv = gc('_xxj_ftv', TextPane);
  302. 			tv.style = 'margin-left:5px;font-size:x-large;padding:9px 100px 0 100px;';
  303. 			var tvP = gc('_xxj_tvp', TextPane)
  304. 				, tvPs = TextPane.style
  305. 				, x = 0
  306. 				, minHeight = 1.35 * (parseInt(getComputedStyle(tv).lineHeight)||tv.offsetHeight);
  307. 				;
  308. 			tvPs.zIndex = zIndexes[1];
  309. 			tvP.style = 'overflow-y:scroll;height:100%;';
  310. 			TextPane.style='position:fixed;bottom:0;left:0;width:100%;height:'+minHeight+'px;box-sizing:border-box;background:#fff;z-index:10000;overflow:hidden;transition:background 0.25s';
  311. 			// the play button.
  312. 			var playBtn = craft(TextPane);
  313. 			playBtn.style = 'position:fixed;height:70px;width:80px;bottom:0;';
  314. 			playBtn.innerHTML = html('<svg style="background-color:#fff;fill: #03a9f4ab;width: 60px;border-radius: 4px;" class="_xxj_btn" height="100%" version="1.1" viewBox="0 0 36 36" width="100%"><g><path class="btnPlay" d="M12,7.5v21l16.5,-10.5z"></path><path class="btnPause" d="M9,7.5h6v21L9,28.5zM21,7.5h6v21h-6z"></path></g></svg>');
  315. 			var btnPause = gc('btnPause', playBtn), btnPlay = gc('btnPlay', playBtn);
  316. 			function syncPlay(p) {
  317. 				btnPause.style.display=p?'':'none';
  318. 				btnPlay.style.display=p?'none':'';
  319. 				playBtn.title = p?'暂停':'播放';
  320. 			}
  321. 			playBtn = playBtn.children[0];
  322. 			function togglePlay(){
  323. 				var p = Vid.playing;
  324. 				if(p) Vid.pause();
  325. 				else Vid.play();
  326. 				syncPlay(Vid.playing);
  327. 			}
  328. 			addEvent('click', togglePlay, true, playBtn)
  329. 			addEvent('contextmenu', playBtn.ctx = function(e) {
  330. 				lcN=userScrollTm=0;
  331. 				timeUpdate();
  332. 				stop(e);
  333. 			}, true, playBtn)
  334. 			//
  335. 			// float window control buttons on the top-right corner.
  336. 			//
  337. 			var topBtns = craft(TextPane);
  338. 			topBtns.style='user-select:none;padding-right:0.25em;font-weight:600;text-decoration:none;position:absolute;top:0;right:20px;font-size:17px;';
  339. 			// the close button.
  340. 			var closeBtn = craft(topBtns, 'A', 'notranslate');
  341. 			closeBtn.innerText = '[X]';
  342. 			closeBtn.style = 'color:#175199;';
  343. 			closeBtn.title = '关闭';
  344. 			closeBtn.onclick = TextPane.close = function(){
  345. 				tvPs.display = 'none';
  346. 				focused = 0;
  347. 			}
  348. 			// the maximise button.
  349. 			craft(topBtns, 'DIV').style='height:5px;';
  350. 			var maxBtn = craft(topBtns, 'A', 'notranslate');
  351. 			maxBtn.innerText = '[▢]';
  352. 			maxBtn.style = 'color:#175199;';
  353. 			maxBtn.title = '最大化';
  354. 			maxBtn.onclick = function(){
  355. 			}
  356. 			// the opacity button.
  357. 			craft(topBtns, 'DIV').style='height:5px;';
  358. 			var zenBtn = craft(topBtns, 'A', 'notranslate');
  359. 			zenBtn.innerText = '[⊥]';
  360. 			zenBtn.style = 'color:#175199;transform:rotate(180deg);position:absolute;';
  361. 			zenBtn.title = '透明背景';
  362. 			zenBtn.onclick = function(){
  363. 				if(tvPs.background=='rgb(255, 255, 255)')
  364. 					tvPs.background = 'rgb(255, 255, 255, 0.55)'
  365. 				else
  366. 					tvPs.background = 'rgb(255, 255, 255)'
  367. 				debug(tvPs.background);
  368. 			}
  369. 			
  370.             // drag-resize the TextView, bindResize
  371.             if(1) {
  372.                 var el = gc('drag_resizer', TextPane);
  373. 				el.style = 'position:absolute;top:0;right:0;height:6px;width:100%;padding:0;cursor:ns-resize';
  374.                 function y(e){
  375.                     if(e.clientY==undefined)
  376.                         return e.originalEvent.changedTouches[0].clientY;
  377. 					return e.clientY;
  378. 				}
  379. 				// drag-resie area on the top
  380.                 function mousedown(e){
  381.                     x = y(e) + tvP.offsetHeight;
  382.                     stop(e);
  383.                     addEvent("mousemove", mouseMove, 1, pdoc);
  384.                     addEvent("mouseup", mouseUp, 1, pdoc);
  385.                 };
  386.                 function mouseMove(e){
  387. 					var h = x - y(e);
  388.                     tvPs.height = Math.min(pdoc.documentElement.clientHeight, Math.max(minHeight, h)) + 'px';
  389.                 }
  390.                 function mouseUp(){
  391. 					delEvent("mousemove", mouseMove, 1, pdoc);
  392. 					delEvent("mouseup", mouseUp, 1, pdoc);
  393.                 }
  394.                 el.addEventListener("mousedown", mousedown);
  395.                 el.addEventListener("touchstart", mousedown);
  396.                 el.addEventListener("touchmove", mouseMove);
  397.                 el.addEventListener("touchend", mouseUp);
  398. 				
  399. 				// 右击拖拽缩放
  400. 				function fnDown(e){
  401. 					// debug("mousedown", e.target);
  402. 					if(tvShown()) {
  403. 						var p=e.path,t=e.target,d=!!gcp('_xxj_tv', t,5);
  404. 						if(gcp('_xxj_btn',t,5)) { 
  405. 							playBtn.ctx(e);
  406. 						}
  407. 						else if(d && e.button==2) {
  408. 							debug('开启移动检测')
  409. 							moved = 7;
  410. 							delEvent("mousemove", fnMove, 1, pdoc);
  411. 							//pdoc.addEventListener("mousemove", fnMove)
  412. 							setTimeout(function(){addEvent("mousemove", fnMove, 1, pdoc)}, 64);
  413. 						}
  414. 						if(d ^ focused) {
  415. 							focused = d;
  416. 							tvPs.zIndex = zIndexes[d];
  417. 							if(!d && userScrollTm) {
  418. 								userScrollTm = 0;
  419. 							}
  420. 						}
  421. 					}
  422. 				}
  423. 				function fnMenu(e){
  424. 					// debug('contextmenu', moved, e.target);
  425. 					if(moved==-1) {
  426. 						stop(e);
  427. 					}
  428. 					else if(focused && e.target.tagName!=='A') {
  429. 						delEvent("mousemove", fnMove, 1, pdoc);
  430. 						if(window.getSelection().isCollapsed) {
  431. 							debug('该显示特别菜单啊！');
  432. 							fnAbort();
  433. 							moved = 0;
  434. 						}
  435. 					}
  436. 				}
  437. 				addEvent("contextmenu", fnMenu, 1, pdoc);
  438. 				addEvent("pointerdown", fnDown, 1, pdoc);
  439. 				function fnAbort(){
  440. 					debug('fnAbort');
  441. 					moved=-1; 
  442. 					delEvent("mousemove", fnMove, 1, pdoc);
  443. 					delEvent("mouseup", fnAbort, 1, pdoc);
  444. 				}
  445. 				function fnMove(e){ 
  446. 					//debug('fnMove', e);
  447. 					if(moved==7) {
  448. 						debug('开始右击手势移动', e);
  449. 						moved = 1;
  450. 						x = y(e) + tvP.offsetHeight;
  451. 						delEvent("mouseup", fnAbort, 1, pdoc); addEvent("mouseup", fnAbort, 1, pdoc);
  452. 					}
  453. 					if(moved==1) {
  454. 						mouseMove(e);
  455. 					}
  456. 				}
  457.                 tvP.addEventListener("scroll", function(e){
  458. 					if(autoScroling) {
  459. 						var tmp=Math.ceil(autoScroling), now=tvP.scrollTop;
  460. 						if(now>=tmp-1 && now<=tmp+1) {
  461. 							return;
  462. 						}
  463. 						autoScroling = 0;
  464. 					}
  465. 					//debug('scroll!', autoScroling, tvP.scrollTop);
  466. 					userScrollTm = Date.now();
  467. 				});
  468. 				tvP.addEventListener("click", function(e){
  469. 					if(e.target.className==="ft-time") {
  470. 						stop(e);
  471. 						Vid.currentTime=parseFloat(e.target.getAttribute("data-tm"));
  472. 						if(!Vid.playing) {
  473. 							Vid.play();
  474. 						}
  475. 						var n = e.target.nextElementSibling;
  476. 						if(n && n.classList.contains('_xxj_ft_ln')) {
  477. 							if(lcE) {
  478. 								lcE.classList.remove("curr");
  479. 							}
  480. 							lcE = n;
  481. 							n.classList.add("curr");
  482. 						}
  483. 					}
  484. 				});
  485. 				TextPane.ondblclickx = function(e) {
  486. 					debug(e, getSelection().isCollapsed);
  487. 					if((e.target==tv || e.target==tvP)
  488. 						&& (e.offsetX<95 || e.offsetX>tvP.clientWidth+100)) {
  489. 						togglePlay();
  490. 						getSelection().empty();
  491. 						stop(e);
  492. 					}
  493. 				}
  494. 				TextPane.addEventListener('dblclick', TextPane.ondblclickx, 1)
  495.             }
  496. 			
  497. 			function timeUpdate(e) {
  498. 				// lyrics scroll sync to time
  499. 				var tm=Vid.currentTime;
  500. 				if(lrcArr && (!lcN||tm>=lcN.endTime||tm<lcN.startTime)) {
  501. 					var n = reduce(tm,lrcArr,0,lrcArr.length);
  502. 					if(n && n!=lcN) {
  503. 						lcN = n;
  504. 						if(lcE) {
  505. 							lcE.classList.remove("curr");
  506. 						}
  507. 						n = n.ele;
  508. 						lcE = n;
  509. 						if(n) {
  510. 							n.classList.add("curr");
  511. 						}
  512. 						if(userScrollTm) {
  513. 							var scrollWait = 800;
  514. 							if(Date.now()-userScrollTm > scrollWait) {
  515. 								userScrollTm = 0;
  516. 							}
  517. 						}
  518. 						if(window.getSelection().isCollapsed
  519. 							&& userScrollTm==0 && moved!=1
  520. 							&& (n.offsetTop+n.offsetHeight+minHeight/2>tvP.scrollTop+tvP.offsetHeight
  521. 									||n.offsetTop<tvP.scrollTop)) {
  522. 							autoScroling=n.offsetTop;
  523. 							if(tvP.offsetHeight > minHeight*1.7) {
  524. 								autoScroling -= minHeight/2;
  525. 							}
  526. 							// 自动滚动
  527. 							tvP.scrollTop=autoScroling;
  528. 							// tvP.scrollTo({ // todo 平滑滚动
  529. 							// 	top: autoScroling
  530. 							// 	,behavior: 'smooth'
  531. 							// });
  532. 						}
  533. 					}
  534. 				}
  535. 			}
  536. 			
  537. 			// install timers to h5 video tag
  538. 			function installTimer() {
  539. 				if(Vid==null) {
  540. 					Vid=document.querySelector('video')
  541. 					if(Vid==null) {
  542. 						setTimeout(installTimer, 100)
  543. 					} 
  544. 					else {
  545. 						Vid.addEventListener('timeupdate', timeUpdate);
  546. 						Vid.addEventListener('playing', e => {
  547. 							syncPlay(1);
  548. 						});
  549. 						Vid.addEventListener('play', e => {
  550. 							syncPlay(1);
  551. 						});
  552. 						Vid.addEventListener('pause', e => {
  553. 							syncPlay(0);
  554. 						});
  555. 						Vid.addEventListener('seeking', e => {
  556. 							userScrollTm = 0;
  557. 							timeUpdate(e);
  558. 							//debug('seeking...', Vid.currentTime, e)
  559. 						});
  560. 						if(Vid.playing==undefined) {
  561. 							Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
  562. 								get: function(){
  563. 									return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
  564. 								}
  565. 							})
  566. 						}
  567. 						syncPlay(Vid.playing);
  568. 					}
  569. 				}
  570. 			}
  571. 			installTimer();
  572. 			//var insertionLis = e => {
  573. 			//	//console.log("DOMNodeInserted")
  574. 			//	if(document.body.lastElementChild!=YFT){
  575. 			//		document.body.removeChild(YFT);
  576. 			//		document.body.appendChild(YFT);
  577. 			//	}
  578. 			//};
  579. 			//document.body.addEventListener('DOMNodeInserted', insertionLis)
  580.         }
  581. 		// ensure visibility
  582. 		if(H>0) {
  583. 			var tmp = TextPane.style;
  584. 			var h = parseFloat(tmp.height);
  585. 			if(h!=h||h<H) {
  586. 				tmp.height = H+"px"
  587. 			}
  588. 			if(tmp.display!=="") {
  589. 				tmp.display = ""
  590. 			}
  591. 		}
  592. 		focused = 1;
  593. 		return TextPane;
  594.     }
  595.  
  596.  
  597. 	addEvent('keydown', e=>{
  598. 		// de('keydown', e)
  599. 		if(isYProxy())
  600. 		if(e.key=='Enter' && !editing() && !(e.altKey||e.shiftKey||e.ctrlKey)) {
  601. 			if(doc.fullscreenElement||parent.doc.fullscreenElement) {
  602. 				doc.exitFullscreen();
  603. 				parent.doc.exitFullscreen();
  604. 				stop(e)
  605. 				return
  606. 			}
  607. 			// doc.body.requestFullscreen();
  608. 			parent['player-container-inner'].requestFullscreen();
  609. 			stop(e)
  610. 		}
  611. 	}, 1, doc);
  612.  
  613. 	/*via mdict-js*/
  614. 	function reduce(val,arr,st,ed) {
  615. 		var len = ed-st;
  616. 		if (len > 1) {
  617. 		  len = len >> 1;
  618. 		  return val > arr[st + len - 1].endTime
  619. 					? reduce(val,arr,st+len,ed)
  620. 					: reduce(val,arr,st,st+len);
  621. 		} else {
  622. 		  return arr[st];
  623. 		}
  624. 	}
  625.  
  626. 	// http://qtdebug.com/fe-srt/
  627. 	function parseSrt(srt) {
  628. 		var parsed = [];
  629. 		var textSubtitles = srt.split('\n\n'); // 每条字幕的信息，包含了序号，时间，字幕内容
  630. 		for (var i = 0; i < textSubtitles.length; ++i) {
  631. 			var textSubtitle = textSubtitles[i].split('\n');
  632. 			if (textSubtitle.length >= 2) {
  633. 				var sn = textSubtitle[0];
  634. 				var tms = textSubtitle[1].split(' --> ');
  635. 				var startTime = toSeconds(tms[0]);
  636. 				var endTime   = toSeconds(tms[1]);
  637. 				var content   = textSubtitle[2];
  638. 				// 字幕可能有多行
  639. 				if (textSubtitle.length > 2) {
  640. 					for (var j = 3; j < textSubtitle.length; j++) {
  641. 						content += ' ' + textSubtitle[j];
  642. 					}
  643. 				}
  644. 				parsed.push({
  645. 					sn: sn,
  646. 					startTime: startTime,
  647. 					endTime: endTime,
  648. 					content: content
  649. 				});
  650. 			}
  651. 		}
  652. 		return parsed;
  653. 	}
  654.  
  655. 	function toSeconds(t) {
  656. 		var s = 0.0;
  657. 		if (t) {
  658. 			var p = t.trim().split(':');
  659. 			for (var i = 0; i < p.length; i++) {
  660. 				s = s * 60 + parseFloat(p[i].replace(',', '.'));
  661. 			}
  662. 		}
  663. 		return s;
  664. 	}
  665.  
  666. 	var tracks = win._xxj_tracks = []; // store all subtitle tracks
  667. 	var lrcArr;
  668. 	var lcN, lcE;
  669.  
  670. 	function AppendFulltext(sub, d) {
  671. 		debug("APFT", sub, d);
  672. 		var lrc = sub.srt;
  673. 		if(d) {
  674. 			// var t=win.title;
  675. 			// if(t)t=t.innerText;
  676. 			var t=document.title;
  677. 			downloadString(lrc, "text/plain", t+"."+(sub.lang_code||"a")+".srt");
  678. 			return;
  679. 		}
  680. 		win.srtlrc=sub;
  681. 		// parse
  682. 		var lrcs = parseSrt(lrc);
  683. 		var span="";
  684. 		var lastTime=0;
  685. 		// concate
  686. 		for(var i=0;i<lrcs.length;i++){
  687. 			var lI=lrcs[i];
  688. 			var text = lI.content;
  689. 			var lnSep="<br><br>";
  690. 			var sepLn="";
  691. 			if(lI.startTime-lastTime>3){
  692. 				var idx = text.indexOf(".");
  693. 				// skip numberic dots
  694. 				while(idx>0) {
  695. 					if(idx+1>=text.length||text[idx+1]<=' ') {
  696. 						break;
  697. 					}
  698. 					idx = text.indexOf(".", idx+1);
  699. 				}
  700. 				if(idx<0) idx = text.indexOf("。");
  701. 				if(idx<0) idx = text.indexOf(",");
  702. 				if(idx<0) idx = text.indexOf("，");
  703. 				if(idx>=0) {
  704. 					text=" "+text.substring(0, idx+1)
  705. 						+lnSep+text.substring(idx+1);
  706. 				} else {
  707. 					sepLn = lnSep;
  708. 				}
  709. 				lnSep = " ";
  710. 			} else {
  711. 				// merge to previous line
  712. 				text="&nbsp;"+text;
  713. 				lnSep = "";
  714. 			}
  715.  
  716. 			//console.log(lI.startTime-lastTime);
  717. 			var s = lI.startTime;
  718. 			var m = parseInt(lI.startTime/60);
  719. 			span+=sepLn+"<a class='ft-time' href='' data-val='" + " "
  720. 				+(m+":"+parseInt(s-m*60))+lnSep+"' data-tm='"+s+"'></a>"
  721. 				+"<span class='_xxj_ft_ln'>"+text+"</span>"
  722. 			lastTime = lI.startTime;
  723. 		}
  724. 		tv.innerHTML=html(span);
  725.  
  726. 		// attach ele to array
  727. 		lrcArr = lrcs;
  728. 		lcN = 0;
  729. 		var cc=0;
  730. 		var sz = tv.childElementCount;
  731. 		for(var i=0;i<sz,cc<lrcArr.length;i++) {
  732. 			if(tv.children[i].className==="_xxj_ft_ln") {
  733. 				lrcArr[cc++].ele=tv.children[i];
  734. 			}
  735. 		}
  736. 		window.lrcArr=lrcArr;
  737. 		//console.log(lrcArr);
  738. 	}
  739.  
  740.     installBtn();
  741.  
  742. 	win.APFT = AppendFulltext;
  743. 	
  744. 	
  745. 	// trigger when loading new page
  746. 	// (actually this would also trigger when first loading, that's not what we want, that's why we need to use firsr_load === false)
  747. 	// (new Material design version would trigger this "yt-navigate-finish" event. old version would not.)
  748. 	var body = document.getElementsByTagName("body")[0];
  749. 	body.addEventListener("yt-navigate-finish", function (event) {
  750. 		if (is_video_page()&&autoFTM) {
  751. 			if(build_cc_menu()) {
  752. 				var st = MenuSty;
  753. 				if(st.display!="") {
  754. 					st.display=""
  755. 				}
  756. 			}
  757. 		}
  758. 	});
  759.  
  760. 	// trigger when loading new page
  761. 	// (old version would trigger "spfdone" event. new Material design version not sure yet.)
  762. 	window.addEventListener("spfdone", function (e) {
  763. 		//if (is_video_page()) {
  764. 		//	remove_dwnld_btn();
  765. 		//	var checkExist = setInterval(function () {
  766. 		//		if (unsafeWindow.watch7_headline) {
  767. 		//			init();
  768. 		//			clearInterval(checkExist);
  769. 		//		}
  770. 		//	}, 330);
  771. 		//}
  772. 	});
  773.  
  774. 	function is_video_page() {
  775. 		return get_vid() !== null;
  776. 	}
  777.  
  778. 	function get_vid() {
  779. 		if(isBY==1) {
  780. 			Data = (gt('ytd-app')||gt('ytd-app', parent.document)).data.playerResponse;
  781. 			return Data.videoDetails.videoId;
  782. 		}
  783. 		return lastVid;
  784. 	}
  785.  
  786. 	//https://stackoverflow.com/questions/11582512/how-to-get-url-parameters-with-javascript/11582513#11582513
  787. 	function getURLParameter(name) {
  788. 		return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
  789. 	}
  790.  
  791. 	// https://stackoverflow.com/questions/32142656/get-youtube-captions#58435817
  792. 	function buildXmlurl(videoId, loc) {
  793. 		return `${baseUrl}?lang=${loc}&v=${videoId}`;//&fmt=json3
  794. 	}
  795.  
  796. 	// pull the selected caption.
  797. 	function pullLyrics(e, d) {
  798. 		//var url;
  799. 		// if(e==0) {
  800. 		// 	console.log("auto");
  801. 		// 	url = get_auto_xml_url();
  802. 		// 	console.log("auto", url);
  803. 		// }
  804. 		// e = tracks[e]
  805. 		// if(e) {
  806. 		// 	if(!e.srt)
  807. 		// 	fetch(url||buildXmlurl(get_vid(), e.lang_code))
  808. 		// 	.then(v => v.text())
  809. 		// 	.then(v => (new window.DOMParser()).parseFromString(v, "text/xml"))
  810. 		// 	.then(v => {
  811. 		// 		v = buildSrtFromXML(v);
  812. 		// 		e.srt = v;
  813. 		// 		appendFulltext(e, d)
  814. 		// 	})
  815. 		// 	else appendFulltext(e, d)
  816. 		// }
  817. 		var track = tracks[e];
  818. 		var subtitle_url = track.subtitle_url||track.baseUrl;
  819. 		debug('fetching caption track url=', subtitle_url, track);
  820. 		if(!subtitle_url) {
  821. 			throw '字幕地址为空';
  822. 		}
  823. 		if(!subtitle_url.includes('://')) {
  824. 			// bilibili new api does not have https prefix
  825. 			subtitle_url = "https:" + subtitle_url;
  826. 		}
  827. 		var url = subtitle_url;
  828. 		if(bank[url]) {
  829. 			track.srt = bank[url];
  830. 			AppendFulltext(track, d)
  831. 		} else {
  832. 			fetch(url)
  833. 				.then(v => v.text())
  834. 				.then(v => {
  835. 					debug('fetched caption track=', v);
  836. 					var srt;
  837. 					if(isBY==0) {
  838. 						srt = buildSrtFromJson(v);
  839. 					} else {
  840. 						  const trusted = html(v);
  841. 						  srt =  new window.DOMParser().parseFromString(trusted, 'text/html');
  842. 						//   win._src =   srt;
  843. 						  srt =  buildSrtFromXML(srt);
  844. 						  debug('parsed=', srt);
  845. 						// srt = buildSrtFromXML((new window.DOMParser()).parseFromString(v, "text/xml"));
  846. 					}
  847. 					bank[url] = track.srt = srt;
  848. 					AppendFulltext(track, d)
  849. 				})
  850. 		}
  851. 	}
  852.  
  853. 	function buildMenu(e, cid){
  854. return (`<div class="ytp-menuitem" aria-haspopup="true" role="menuitem" tabindex="${e.cid||cid}">
  855. 	<div class="ytp-menuitem-icon"></div>
  856. 	<div class="ytp-menuitem-label">
  857. 		${e.lan_doc||e.name.simpleText}
  858. 	</div>
  859. 	<div class="ytp-menuitem-content">
  860. 		下载
  861. 	</div>
  862. </div>`);
  863. 	}
  864.  
  865. 	function menuClick(e){
  866. 		debug('menuClick', e);
  867. 		var t = e.target;
  868. 		var i = parseInt(t.parentNode.getAttribute("tabindex"));
  869. 		if(i==i) {
  870. 			if(t.className==="ytp-menuitem-content") {
  871. 				// 下载
  872. 				pullLyrics(i, 1);
  873. 			} else {
  874. 				// 查看
  875. 				installTextPane(120);
  876. 				pullLyrics(i);
  877. 			}
  878. 		}
  879. 		MenuSty.display="none";
  880. 		setTimeout(()=>{
  881. 			MenuSty.display="none";
  882. 			;debug('消失了吗', MenuSty, MenuSty.display);
  883. 		}, 1);
  884. 		t.blur();
  885. 	}
  886.  
  887. 	function build_cc_menu(src) {
  888. 		var vid = get_vid();
  889. 		if(vid==Btn.parsedVid && Menu && Menu.children.length) {
  890. 			return false;
  891. 		}
  892. 		Btn.parsedVid=vid;
  893. 		if(loadOnStart) {
  894. 			src=1;
  895. 		}
  896. 		function onMenuLoad(tmp) {
  897. 			Menu.innerHTML=html(tmp);
  898. 			if(Menu && Menu.children) {
  899. 				for (var i=0,ch=Menu.children,len=ch.length; i < len; i++) {
  900. 					ch[i].onclick = menuClick;
  901. 					// if(autosel==i) {
  902. 					// 	initYFT(120);
  903. 					// 	pullLyrics(i);
  904. 					// }
  905. 				}
  906. 			}
  907. 		}
  908. 		var ibf = Btn; // unsafeWindow.movie_player
  909. 		// todo check auto caption exists
  910. 		if((!Menu||!Menu.parentNode) && ibf) {
  911. 			var tmp = document.createElement("div");
  912. 			ibf.appendChild(tmp);
  913. 			// menuData
  914. 			tmp.innerHTML = html(`<div class="ytp-popup ytp-fulltext-menu" data-layer="6" id="yft-select"
  915. 			style="width: 251px; height: 137px; display: block;">
  916. 				<div class="ytp-panel _xxj_menu" style="min-width: 250px; width: 251px; height: 137px;">
  917. 					<div class="ytp-panel-menu" role="menu" style="height: 137px;"></div>
  918. 				</div>
  919. 			</div>`);
  920. 			
  921.  
  922.  
  923. 			MenuSty = tmp.firstElementChild.style;
  924. 			MenuSty.position='absolute';
  925. 			MenuSty.background='#000000cf';
  926. 			if(isBY==0) {
  927. 				MenuSty.left='-100px';
  928. 			}
  929. 			Menu = gc('_xxj_menu', tmp);
  930. 			// if(src==1 && !autoFTM) {
  931. 			// 	MenuSty.display = "none";
  932. 			// }
  933. 			debug('Menu', Menu);
  934. 		}
  935. 		if(Menu) {
  936. 			try{
  937. 				// bilibili 需要根据视频aid&cid获取字幕列表
  938. 				if(isBY==0) {
  939. 					Menu.innerHTML = "";
  940. 					var url = `https://api.bilibili.com/x/player/v2?${vid}`;
  941. 					debug("loading_list, url=", url);
  942. 					function onload(res, xhr) {
  943. 						debug('得到', res, xhr)
  944. 						try{
  945. 							bank[vid] = res;
  946. 							var autosel=-1
  947. 								, arr=res.data.subtitle.subtitles
  948. 								, tmp=""
  949. 								;
  950. 							tracks.length = 0;
  951. 							for (var i=0, len=arr.length;i<len;i++) {
  952. 								tracks.push(arr[i]);
  953. 								tmp+=buildMenu(arr[i], i);
  954. 							}
  955. 							if(src==1) {
  956. 								autosel=0;
  957. 							}
  958. 							debug('tmp::', arr.length);
  959. 							onMenuLoad(tmp)
  960. 						} catch(e) {
  961. 							console.log(e);
  962. 						}
  963. 						// todo ... load from file
  964. 					}
  965. 					if(bank[vid]) {
  966. 						onload(bank[vid]);
  967. 					} else {
  968. 						loadJson(url, onload);
  969. 					}
  970. 				} 
  971. 				// youtube 字幕列表直接给我们了，无需解析api
  972. 				else {
  973. 					var autosel=-1
  974. 						, arr=Data.captions.playerCaptionsTracklistRenderer.captionTracks
  975. 						, tmp="", xml
  976. 					;
  977. 					tracks.length = 0;
  978. 					for (var i=0, len=arr.length;i<len;i++) {
  979. 						tracks.push(arr[i]);
  980. 						tmp += buildMenu(arr[i], i)
  981. 					}
  982. 					onMenuLoad(tmp)
  983. 				}
  984. 			} catch(e) {
  985. 				debug('获取字幕列表失败！', e)
  986. 				Btn.parsedVid="";
  987. 			}
  988. 		} else {
  989. 			Btn.parsedVid="";
  990. 		}
  991. 		debug('tracks', arr);
  992. 		debug("autosel", autosel);
  993. 		
  994. 		return true;
  995. 	}
  996.  
  997. 	// 处理时间. 比如 start="671.33"  start="37.64"  start="12" start="23.029"
  998. 	// 处理成 srt 时间, 比如 00:00:00,090    00:00:08,460    00:10:29,350
  999. 	function process_time(s) {
  1000. 		s = s.toFixed(3);
  1001. 		// 671.33 -> 671.330
  1002. 		// 671 -> 671.000
  1003.  
  1004. 		var array = s.split('.');
  1005. 		// 把开始时间根据句号分割
  1006. 		// 671.330 会分割成数组: [671, 330]
  1007.  
  1008. 		var Hour = 0;
  1009. 		var Minute = 0;
  1010. 		var Second = array[0]; // 671
  1011. 		var MilliSecond = array[1]; // 330
  1012. 		// 先声明下变量, 待会把这几个拼好就行了
  1013.  
  1014. 		// 我们来处理秒数.  把"分钟"和"小时"除出来
  1015. 		if (Second >= 60) {
  1016. 			Minute = Math.floor(Second / 60);
  1017. 			Second = Second - Minute * 60;
  1018. 			// 把 秒 拆成 分钟和秒, 比如121秒, 拆成2分钟1秒
  1019.  
  1020. 			Hour = Math.floor(Minute / 60);
  1021. 			Minute = Minute - Hour * 60;
  1022. 			// 把 分钟 拆成 小时和分钟, 比如700分钟, 拆成11小时40分钟
  1023. 		}
  1024. 		// 分钟，如果位数不够两位就变成两位，下面两个if语句的作用也是一样。
  1025. 		if (Minute < 10) {
  1026. 			Minute = '0' + Minute;
  1027. 		}
  1028. 		// 小时
  1029. 		if (Hour < 10) {
  1030. 			Hour = '0' + Hour;
  1031. 		}
  1032. 		// 秒
  1033. 		if (Second < 10) {
  1034. 			Second = '0' + Second;
  1035. 		}
  1036. 		return Hour + ':' + Minute + ':' + Second + ',' + MilliSecond;
  1037. 	}
  1038.  
  1039. 	// copy from: https://gist.github.com/danallison/3ec9d5314788b337b682
  1040. 	// Thanks! https://github.com/danallison
  1041. 	// work in Chrome 66
  1042. 	// test passed: 2018-5-19
  1043. 	function downloadString(text, fileType, fileName) {
  1044. 		var blob = new Blob([text], {type: fileType});
  1045. 		var a = document.createElement('a');
  1046. 		a.download = fileName;
  1047. 		a.href = URL.createObjectURL(blob);
  1048. 		a.dataset.downloadurl = [fileType, a.download, a.href].join(':');
  1049. 		a.style.display = "none";
  1050. 		document.body.appendChild(a);
  1051. 		a.click();
  1052. 		document.body.removeChild(a);
  1053. 		setTimeout(function () {
  1054. 			URL.revokeObjectURL(a.href);
  1055. 		}, 1500);
  1056. 	}
  1057.  
  1058. 	// https://css-tricks.com/snippets/javascript/unescape-html-in-js/
  1059. 	// turn HTML entity back to text, example: &quot; should be "
  1060. 	function htmlDecode(input) {
  1061. 		var e = document.createElement('div');
  1062. 		const trusted = html(input);
  1063. 		e.innerHTML = trusted;
  1064. 		return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
  1065. 		// var e = document.createElement('div');
  1066. 		// e.innerHTML = input;
  1067. 		// return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
  1068. 	}
  1069.  
  1070. 	// return URL or null;
  1071. 	// later we can send a AJAX and get XML subtitle
  1072. 	function get_auto_xml_url() {
  1073. 		try {
  1074. 			var captionTracks = get_captionTracks()
  1075. 			for (var index in captionTracks) {
  1076. 				var caption = captionTracks[index];
  1077. 				if (caption.kind === 'asr') {
  1078. 					return captionTracks[index].baseUrl;
  1079. 				}
  1080. 				// ASR – A caption track generated using automatic speech recognition.
  1081. 				// https://developers.google.com/youtube/v3/docs/captions
  1082. 			}
  1083. 			return false;
  1084. 		} catch (e) {
  1085. 			console.log(e);
  1086. 			return false;
  1087. 		}
  1088. 	}
  1089. 	async function get_auto_subtitle() {
  1090. 		var url = get_auto_xml_url();
  1091. 		console.log("dwnld_auto_url::", url);
  1092. 		if (url == false) {
  1093. 			return false;
  1094. 		}
  1095. 		var result = await getUrl(url)
  1096. 		return result
  1097. 	}
  1098.  
  1099. 	// Youtube return XML.
  1100. 	// input: Youtube XML format
  1101. 	// output: SRT format
  1102. 	function buildSrtFromXML(youtube_xml_string) {
  1103. 		if (youtube_xml_string === '') {
  1104. 			return false;
  1105. 		}
  1106. 		var text = youtube_xml_string.getElementsByTagName('text');
  1107. 		var result = '\uFEFF';
  1108. 		var len = text.length;
  1109. 		for (var i = 0; i < len; i++) {
  1110. 			var content = text[i].textContent.toString();
  1111. 			content = content.replace(/(<([^>]+)>)/ig, ""); // remove all html tag.
  1112. 			var start = text[i].getAttribute('start');
  1113. 			var end = parseFloat(text[i].getAttribute('start')) + parseFloat(text[i].getAttribute('dur'));
  1114. 			result = result + (i + 1) + "\n";
  1115. 			// 1
  1116. 			if (i + 1 >= len) {
  1117. 			  end = parseFloat(text[i].getAttribute('start')) + parseFloat(text[i].getAttribute('dur'));
  1118. 			} else {
  1119. 			  end = text[i + 1].getAttribute('start');
  1120. 			}
  1121.  
  1122. 			var start_time = process_time(parseFloat(start));
  1123. 			var end_time = process_time(parseFloat(end));
  1124. 			result = result + start_time;
  1125. 			result = result + ' --> ';
  1126. 			result = result + end_time + "\n";
  1127. 			// 00:00:01,939 --> 00:00:04,350
  1128.  
  1129. 			content = htmlDecode(content);
  1130. 			// turn HTML entity back to text. example: &#39; back to apostrophe (')
  1131.  
  1132. 			result = result + content + "\n" + "\n";
  1133. 		}
  1134. 		return result;
  1135. 	}
  1136. 	
  1137. 	// bilibili return JSON.
  1138. 	function buildSrtFromJson(bilibili_json_string) {
  1139. 		var json = JSON.parse(bilibili_json_string);
  1140. 		debug('buildSrtFromJson, json=', json);
  1141. 		var arr = json.body, result = '\uFEFF';
  1142. 		for (var i = 0, len=arr.length; i < len; i++) {
  1143. 			var content = arr[i].content;
  1144. 			content = content.replace(/(<([^>]+)>)/ig, ""); // remove all html tag.
  1145. 			var start = arr[i].from;
  1146. 			var end = arr[i].to;
  1147. 			// 1
  1148. 			result = result + (i + 1) + "\n";
  1149.  
  1150. 			var start_time = process_time(parseFloat(start));
  1151. 			var end_time = process_time(parseFloat(end));
  1152. 			result = result + start_time;
  1153. 			result = result + ' --> ';
  1154. 			result = result + end_time + "\n";
  1155. 			// 00:00:01,939 --> 00:00:04,350
  1156.  
  1157. 			// content = htmlDecode(content);
  1158. 			// turn HTML entity back to text. example: &#39; back to apostrophe (')
  1159.  
  1160. 			result = result + content + "\n" + "\n";
  1161. 		}
  1162. 		return result;
  1163. 	}
  1164.  
  1165. 	function get_captionTracks() {
  1166. 		var json = null
  1167. 		if (win.youtube_playerResponse_1c7) {
  1168. 			json = youtube_playerResponse_1c7;
  1169. 		} else if(ytplayer.config.args.player_response) {
  1170. 			let raw_string = ytplayer.config.args.player_response;
  1171. 			json = JSON.parse(raw_string);
  1172. 		} else if (ytplayer.config.args.raw_player_response) {
  1173. 			json = ytplayer.config.args.raw_player_response;
  1174. 		}
  1175. 		let captionTracks = json.captions.playerCaptionsTracklistRenderer.captionTracks;
  1176. 		return captionTracks
  1177. 	}
  1178.  
  1179. 	function loadJson(url,cb,parm){
  1180. 		//debug('loadJson!!!', url,parm)
  1181. 		var req = new XMLHttpRequest();
  1182. 		req.open(parm?'POST':'GET', url, true);
  1183. 		req.responseType = 'json';
  1184.         // bilibili API need SESSDATA key from browser's cookies, carry cookies of session for it
  1185.         req.withCredentials = true;
  1186. 		if(cb){
  1187. 			req.onload = function() {
  1188. 				cb(req.response, req);
  1189. 			};
  1190. 			req.onerror = function() {
  1191. 				cb(0, req);
  1192. 			};
  1193. 		}
  1194. 		//req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
  1195. 		//x.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
  1196. 		req.send(parm);
  1197. 	}
  1198. 	
  1199. 	// https://stackoverflow.com/questions/48969495/in-javascript-how-do-i-should-i-use-async-await-with-xmlhttprequest
  1200. 	function makeRequest(method, url, load, type) {
  1201. 		return new Promise(function (resolve, reject) {
  1202. 			let xhr = new XMLHttpRequest();
  1203. 			xhr.responseType = type;
  1204. 			//xhr.timeout = 2000;
  1205. 			xhr.onload = function () {
  1206. 				debug('makeRequest, onload::', this.status, xhr.statusText);
  1207. 				if (this.status >= 200 && this.status < 300) {
  1208. 					if(load) {
  1209. 						load(xhr);
  1210. 						resolve('');
  1211. 					} else {
  1212. 						resolve(xhr);
  1213. 					}
  1214. 				} else {
  1215. 					debug('makeRequest, 发生错误::', this.status, xhr.statusText);
  1216. 					reject({
  1217. 						status: this.status,
  1218. 						statusText: xhr.statusText
  1219. 					});
  1220. 				}
  1221. 			};
  1222. 			xhr.onerror = function () {
  1223. 				debug('makeRequest, 发生错误::', this.status, xhr.statusText);
  1224. 				reject({
  1225. 					status: this.status,
  1226. 					statusText: xhr.statusText
  1227. 				});
  1228. 			};
  1229. 			xhr.open(method, url, true); // set async to true to avoid 'sync responseType error'
  1230. 			xhr.send();
  1231. 		});
  1232. 	}
  1233. 	async function getUrl(url) {
  1234. 		return makeRequest("GET", url);
  1235. 	}
  1236. 	
  1237. 	// de
  1238. 	// var hack =1;
  1239. 	// if(parent!=win) {
  1240. 	// 	win.originalRemove_ ||= Element.prototype.removeChild;
  1241. 	// 	// Override the remove method
  1242. 	// 	Element.prototype.removeChild = function(e) {
  1243. 	// 		de('removing...', e.className, e)
  1244. 	// 		win.originalRemove_.call(this, e);
  1245. 	// 	};
  1246. 	// }
  1247. 	
  1248. // })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址