HTML5 Video Player Enhance

To enhance the functionality of HTML5 Video Player (h5player) supporting all websites using shortcut keys similar to PotPlayer.

当前为 2021-06-28 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name HTML5 Video Player Enhance
  3. // @version 2.9.5.7
  4. // @description To enhance the functionality of HTML5 Video Player (h5player) supporting all websites using shortcut keys similar to PotPlayer.
  5. // @author CY Fung
  6. // @icon https://image.flaticon.com/icons/png/128/3291/3291444.png
  7. // @match http://*/*
  8. // @match https://*/*
  9. // @run-at document-start
  10. // @require https://cdnjs.cloudflare.com/ajax/libs/js-sha256/0.9.0/sha256.min.js
  11. // @namespace https://greasyfork.org/users/371179
  12. // @grant GM_getValue
  13. // @grant GM_setValue
  14. // @grant GM_addStyle
  15. // @grant unsafeWindow
  16. // ==/UserScript==
  17. /**
  18. * Remarks
  19. * This script support modern browser only with ES6+.
  20. * fullscreen and pointerLock buggy in shadowRoot
  21. * Space Pause not success
  22. * shift F key issue
  23. **/
  24. !(function($winUnsafe, $winSafe) {
  25. 'use strict';
  26.  
  27.  
  28. !(() => 0)({
  29. requestAnimationFrame,
  30. cancelAnimationFrame,
  31. MutationObserver,
  32. setInterval,
  33. clearInterval,
  34. EventTarget,
  35. Promise,
  36. ResizeObserver
  37. });
  38. //throw Error if your browser is too outdated. (eg ES6 script, no such window object)
  39.  
  40. const window = $winUnsafe || $winSafe
  41. const document = window.document
  42. const $$uWin = $winUnsafe || $winSafe;
  43.  
  44. const $rAf = $$uWin.requestAnimationFrame;
  45. const $cAf = $$uWin.cancelAnimationFrame;
  46.  
  47. const $$setTimeout = $$uWin.setTimeout
  48. const $$clearTimeout = $$uWin.clearTimeout
  49. const $$requestAnimationFrame = $$uWin.requestAnimationFrame;
  50. const $$cancelAnimationFrame = $$uWin.cancelAnimationFrame;
  51.  
  52. const $$addEventListener = Node.prototype.addEventListener;
  53. const $$removeEventListener = Node.prototype.removeEventListener;
  54.  
  55. const $bz = {
  56. boosted: false
  57. }
  58. const $vQuery={};
  59.  
  60. const utPositioner='KVZX';
  61.  
  62.  
  63. !(function $$() {
  64. 'use strict';
  65.  
  66. if (!document) return;
  67. if (!document.documentElement) return window.requestAnimationFrame($$);
  68.  
  69. const prettyElm = function(elm) {
  70. if (!elm || !elm.nodeName) return null;
  71. const eId = elm.id || null;
  72. const eClsName = elm.className || null;
  73. return [elm.nodeName.toLowerCase(), typeof eId == 'string' ? "#" + eId : '', typeof eClsName == 'string' ? '.' + eClsName.replace(/\s+/g, '.') : ''].join('').trim();
  74. }
  75.  
  76. const delayCall = function(p, f, d) {
  77. if (delayCall[p] > 0) delayCall[p] = window.clearTimeout(delayCall[p])
  78. if (f) delayCall[p] = window.setTimeout(f, d)
  79. }
  80.  
  81. HTMLVideoElement.prototype.__isPlaying = function() {
  82. const video = this;
  83. return video.currentTime > 0 && !video.paused && !video.ended && video.readyState > video.HAVE_CURRENT_DATA;
  84. }
  85.  
  86.  
  87. const wmListeners = new WeakMap();
  88.  
  89. class Listeners {
  90. constructor() {}
  91. get count() {
  92. return (this._count || 0)
  93. }
  94. makeId() {
  95. return ++this._lastId
  96. }
  97. add(lh) {
  98. this[++this._lastId] = lh;
  99. }
  100. remove(lh_removal) {
  101. for (let k in this) {
  102. let lh = this[k]
  103. if (lh && lh.constructor == ListenerHandle && lh_removal.isEqual(lh)) {
  104. delete this[k];
  105. this._count--;
  106. }
  107. }
  108. }
  109. }
  110.  
  111.  
  112. class ListenerHandle {
  113. constructor(func, options) {
  114. this.func = func
  115. this.options = options
  116. }
  117. isEqual(anotherLH) {
  118. if (this.func != anotherLH.func) return false;
  119. if (this.options === anotherLH.options) return true;
  120. if (this.options && anotherLH.options && typeof this.options == 'object' && typeof anotherLH.options == 'object') {} else {
  121. return false;
  122. }
  123. return this.uOpt() == anotherLH.uOpt()
  124. }
  125. uOpt() {
  126. let opt1 = "";
  127. for (var k in this.options) {
  128. opt1 += ", " + k + " : " + (typeof this[k] == 'boolean' ? this[k] : "N/A");
  129. }
  130. return opt1;
  131. }
  132. }
  133.  
  134.  
  135. Object.defineProperties(Listeners.prototype, {
  136. _lastId: {
  137. value: 0,
  138. writable: true,
  139. enumerable: false,
  140. configurable: true
  141. },
  142. _count: {
  143. value: 0,
  144. writable: true,
  145. enumerable: false,
  146. configurable: true
  147. }
  148. });
  149.  
  150.  
  151.  
  152.  
  153. let _debug_h5p_logging_ = false;
  154.  
  155. try {
  156. _debug_h5p_logging_ = +window.localStorage.getItem('_h5_player_sLogging_') > 0
  157. } catch (e) {}
  158.  
  159.  
  160.  
  161. const SHIFT = 1;
  162. const CTRL = 2;
  163. const ALT = 4;
  164. const TERMINATE = 0x842;
  165. const _sVersion_ = 1817;
  166. const str_postMsgData = '__postMsgData__'
  167. const DOM_ACTIVE_FOUND = 1;
  168. const DOM_ACTIVE_SRC_LOADED = 2;
  169. const DOM_ACTIVE_ONCE_PLAYED = 4;
  170. const DOM_ACTIVE_MOUSE_CLICK = 8;
  171. const DOM_ACTIVE_KEY_DOWN = 64;
  172. const DOM_ACTIVE_FULLSCREEN = 128;
  173. const DOM_ACTIVE_MOUSE_IN = 16;
  174. const DOM_ACTIVE_DELAYED_PAUSED = 32;
  175. const DOM_ACTIVE_INVALID_PARENT = 2048;
  176.  
  177. var console = {};
  178.  
  179. console.log = function() {
  180. window.console.log(...['[h5p]', ...arguments])
  181. }
  182. console.error = function() {
  183. window.console.error(...['[h5p]', ...arguments])
  184. }
  185.  
  186. function makeNoRoot(shadowRoot) {
  187. const doc = shadowRoot.ownerDocument || document;
  188. const htmlInShadowRoot = doc.createElement('noroot'); // pseudo element
  189. const childNodes = [...shadowRoot.childNodes]
  190. shadowRoot.insertBefore(htmlInShadowRoot, shadowRoot.firstChild)
  191. for (const childNode of childNodes) htmlInShadowRoot.appendChild(childNode);
  192. return shadowRoot.querySelector('noroot');
  193. }
  194.  
  195. let _endlessloop = null;
  196. const isIframe = (window.top !== window.self && window.top && window.self);
  197. const rootDocs = [];
  198.  
  199. const _getRoot = Element.prototype.getRootNode || HTMLElement.prototype.getRootNode || function() {
  200. let elm = this;
  201. while (elm) {
  202. if ('host' in elm) return elm;
  203. elm = elm.parentNode;
  204. }
  205. return elm;
  206. }
  207.  
  208. const getRoot = (elm) => _getRoot.call(elm);
  209.  
  210. const isShadowRoot = (elm) => (elm && ('host' in elm)) ? elm.nodeType == 11 && !!elm.host && elm.host.nodeType == 1 : null; //instanceof ShadowRoot
  211.  
  212.  
  213. const domAppender = (d) => d.querySelector('head') || d.querySelector('html') || d.querySelector('noroot') || null;
  214.  
  215. const playerConfs = {}
  216.  
  217. const hanlderResizeVideo = (entries) => {
  218. const detected_changes = {};
  219. for (let entry of entries) {
  220. const player = entry.target.nodeName == "VIDEO" ? entry.target : entry.target.querySelector("VIDEO[_h5ppid]");
  221. if (!player || !player.parentNode) continue;
  222. const vpid = player.getAttribute('_h5ppid');
  223. if (!vpid) continue;
  224. if (vpid in detected_changes) continue;
  225. detected_changes[vpid] = true;
  226. const {wPlayerInner,wPlayer} = $hs.getPlayerBlockElement(player)
  227. if (!wPlayerInner) continue;
  228. const layoutBoxInner = wPlayerInner.parentNode
  229. if (!layoutBoxInner) continue;
  230. let tipsDom = layoutBoxInner.querySelector('[data-h5p-pot-tips]');
  231.  
  232. if (tipsDom) {
  233. if (tipsDom._tips_display_none) tipsDom.setAttribute('data-h5p-pot-tips', '')
  234. $hs.fixNonBoxingVideoTipsPosition(tipsDom, player);
  235. } else {
  236. tipsDom = getRoot(player).querySelector(`#${player.getAttribute('_h5player_tips')}`)
  237. if (tipsDom) {
  238. if (tipsDom._tips_display_none) tipsDom.setAttribute('data-h5p-pot-tips', '')
  239. $hs.change_layoutBox(tipsDom, player);
  240. $hs.tipsDomObserve(tipsDom, player);
  241. }
  242. }
  243.  
  244. }
  245. };
  246.  
  247. const $mb = {
  248.  
  249.  
  250.  
  251. nightly_isSupportQueueMicrotask: function() {
  252.  
  253. if ('_isSupportQueueMicrotask' in $mb) return $mb._isSupportQueueMicrotask;
  254.  
  255. $mb._isSupportQueueMicrotask = false;
  256. $mb.queueMicrotask = window.queueMicrotask;
  257. if (typeof $mb.queueMicrotask == 'function') {
  258. $mb._isSupportQueueMicrotask = true;
  259. }
  260.  
  261. return $mb._isSupportQueueMicrotask;
  262.  
  263. },
  264.  
  265. stable_isSupportAdvancedEventListener: function() {
  266.  
  267. if ('_isSupportAdvancedEventListener' in $mb) return $mb._isSupportAdvancedEventListener
  268. let prop = 0;
  269. $$addEventListener.call(document.createAttribute('z'), 'z', () => 0, {
  270. get passive() {
  271. prop++;
  272. },
  273. get once() {
  274. prop++;
  275. }
  276. });
  277. return ($mb._isSupportAdvancedEventListener = (prop == 2));
  278. },
  279.  
  280. stable_isSupportPassiveEventListener: function() {
  281.  
  282. if ('_isSupportPassiveEventListener' in $mb) return $mb._isSupportPassiveEventListener
  283. let prop = 0;
  284. $$addEventListener.call(document.createAttribute('z'), 'z', () => 0, {
  285. get passive() {
  286. prop++;
  287. }
  288. });
  289. return ($mb._isSupportPassiveEventListener = (prop == 1));
  290. },
  291.  
  292. eh_capture_passive: () => ($mb._eh_capture_passive = $mb._eh_capture_passive || ($mb.stable_isSupportPassiveEventListener() ? {
  293. capture: true,
  294. passive: true
  295. } : true)),
  296.  
  297. eh_bubble_passive: () => ($mb._eh_capture_passive = $mb._eh_capture_passive || ($mb.stable_isSupportPassiveEventListener() ? {
  298. capture: false,
  299. passive: true
  300. } : false))
  301.  
  302. }
  303.  
  304.  
  305.  
  306. Element.prototype.__matches__ = (Element.prototype.matches || Element.prototype.matchesSelector ||
  307. Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector ||
  308. Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector ||
  309. Element.prototype.matches()); // throw Error if not supported
  310.  
  311. // built-in hash - https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest
  312. async function digestMessage(message) {
  313. return $winSafe.sha256(message)
  314. }
  315.  
  316. const dround = (x) => ~~(x + .5);
  317.  
  318. const jsonStringify_replacer = function(key, val) {
  319. if (val && (val instanceof Element || val instanceof Document)) return val.toString();
  320. return val; // return as is
  321. };
  322.  
  323. const jsonParse = function() {
  324. try {
  325. return JSON.parse.apply(this, arguments)
  326. } catch (e) {}
  327. return null;
  328. }
  329. const jsonStringify = function(obj) {
  330. try {
  331. return JSON.stringify.call(this, obj, jsonStringify_replacer)
  332. } catch (e) {}
  333. return null;
  334. }
  335.  
  336. function _postMsg() {
  337. //async is needed. or error handling for postMessage
  338. const [win, tag, ...data] = arguments;
  339. if (typeof tag == 'string') {
  340. let postMsgObj = {
  341. tag,
  342. passing: true,
  343. winOrder: _postMsg.a
  344. }
  345. try {
  346. let k = 'msg-' + (+new Date)
  347. win.document[str_postMsgData] = win.document[str_postMsgData] || {}
  348. win.document[str_postMsgData][k] = data; //direct
  349. postMsgObj.str = k;
  350. postMsgObj.stype = 1;
  351. } catch (e) {}
  352. if (!postMsgObj.stype) {
  353. postMsgObj.str = jsonStringify({
  354. d: data
  355. })
  356. if (postMsgObj.str && postMsgObj.str.length) postMsgObj.stype = 2;
  357. }
  358. if (!postMsgObj.stype) {
  359. postMsgObj.str = "" + data;
  360. postMsgObj.stype = 0;
  361. }
  362. win.postMessage(postMsgObj, '*');
  363. }
  364.  
  365. }
  366.  
  367. function postMsg() {
  368. let win = window;
  369. let a = 0;
  370. while ((win = win.parent) && ('postMessage' in win)) {
  371. _postMsg.a = ++a;
  372. _postMsg(win, ...arguments)
  373. if (win == top) break;
  374. }
  375. }
  376.  
  377.  
  378. function crossBrowserTransition(type) {
  379. if (crossBrowserTransition['_result_' + type]) return crossBrowserTransition['_result_' + type]
  380. let el = document.createElement("fakeelement");
  381.  
  382. const capital = (x) => x[0].toUpperCase() + x.substr(1);
  383. const capitalType = capital(type);
  384.  
  385. const transitions = {
  386. [type]: `${type}end`,
  387. [`O${capitalType}`]: `o${capitalType}End`,
  388. [`Moz${capitalType}`]: `${type}end`,
  389. [`Webkit${capitalType}`]: `webkit${capitalType}End`,
  390. [`MS${capitalType}`]: `MS${capitalType}End`
  391. }
  392.  
  393. for (let styleProp in transitions) {
  394. if (el.style[styleProp] !== undefined) {
  395. return (crossBrowserTransition['_result_' + type] = transitions[styleProp]);
  396. }
  397. }
  398. }
  399.  
  400. function isInOperation(elm) {
  401. let elmInFocus = elm || document.activeElement;
  402. if (!elmInFocus) return false;
  403. let res1 = elmInFocus.__matches__(
  404. 'a[href],link[href],button,input:not([type="hidden"]),select,textarea,iframe,frame,menuitem,[draggable],[contenteditable]'
  405. );
  406. return res1;
  407. }
  408.  
  409. const fn_toString = (f, n = 50) => {
  410. let s = (f + "");
  411. if (s.length > 2 * n + 5) {
  412. s = s.substr(0, n) + ' ... ' + s.substr(-n);
  413. }
  414. return s
  415. };
  416.  
  417. function consoleLog() {
  418. if (!_debug_h5p_logging_) return;
  419. if (isIframe) postMsg('consoleLog', ...arguments);
  420. else console.log.apply(console, arguments);
  421. }
  422.  
  423. function consoleLogF() {
  424. if (isIframe) postMsg('consoleLog', ...arguments);
  425. else console.log.apply(console, arguments);
  426. }
  427.  
  428. class AFLooperArray extends Array {
  429. constructor() {
  430. super();
  431. this.activeLoopsCount = 0;
  432. this.cid = 0;
  433. this.loopingFrame = this.loopingFrame.bind(this);
  434. }
  435.  
  436. loopingFrame() {
  437. if (!this.cid) return; //cancelled
  438. for (const opt of this) {
  439. if (opt.isFunctionLooping) opt.fn();
  440. }
  441. }
  442.  
  443. get isArrayLooping() {
  444. return this.cid > 0;
  445. }
  446.  
  447. loopStart() {
  448. this.cid = window.setInterval(this.loopingFrame, 300);
  449. }
  450. loopStop() {
  451. if (this.cid) window.clearInterval(this.cid);
  452. this.cid = 0;
  453. }
  454. appendLoop(fn) {
  455. if (typeof fn != 'function' || !this) return;
  456. const opt = new AFLooperFunc(fn, this);
  457. super.push(opt);
  458. return opt;
  459. }
  460. }
  461.  
  462. class AFLooperFunc {
  463. constructor(fn, bind) {
  464. this._looping = false;
  465. this.bind = bind;
  466. this.fn = fn;
  467. }
  468. get isFunctionLooping() {
  469. return this._looping;
  470. }
  471. loopingStart() {
  472. if (this._looping === false) {
  473. this._looping = true;
  474. if (++this.bind.activeLoopsCount == 1) this.bind.loopStart();
  475. }
  476. }
  477. loopingStop() {
  478. if (this._looping === true) {
  479. this._looping = false;
  480. if (--this.bind.activeLoopsCount == 0) this.bind.loopStop();
  481. }
  482. }
  483. }
  484.  
  485. function decimalEqual(a, b) {
  486. return Math.round(a * 100000000) == Math.round(b * 100000000)
  487. }
  488.  
  489. function nonZeroNum(a) {
  490. return a > 0 || a < 0;
  491. }
  492.  
  493. class PlayerConf {
  494.  
  495. get scaleFactor() {
  496. return this.mFactor * this.vFactor;
  497. }
  498.  
  499. cssTransform() {
  500.  
  501. const playerConf = this;
  502. const player = playerConf.domElement;
  503. if (!player || !player.parentNode) return;
  504. const videoScale = playerConf.scaleFactor;
  505.  
  506. let {
  507. x,
  508. y
  509. } = playerConf.translate;
  510.  
  511. let [_x, _y] = ((playerConf.rotate % 180) == 90) ? [y, x] : [x, y];
  512.  
  513.  
  514. if ((playerConf.rotate % 360) == 270) _x = -_x;
  515. if ((playerConf.rotate % 360) == 90) _y = -_y;
  516.  
  517. var s = [
  518. playerConf.rotate > 0 ? 'rotate(' + playerConf.rotate + 'deg)' : '',
  519. !decimalEqual(videoScale, 1.0) ? 'scale(' + videoScale + ')' : '',
  520. (nonZeroNum(_x) || nonZeroNum(_y)) ? `translate(${_x}px, ${_y}px)` : '',
  521. ];
  522.  
  523. player.style.transform = s.join(' ').trim()
  524.  
  525. }
  526.  
  527. constructor() {
  528.  
  529. this.translate = {
  530. x: 0,
  531. y: 0
  532. };
  533. this.rotate = 0;
  534. this.mFactor = 1.0;
  535. this.vFactor = 1.0;
  536. this.fps = 30;
  537. this.filter_key = {};
  538. this.filter_view_units = {
  539. 'hue-rotate': 'deg',
  540. 'blur': 'px'
  541. };
  542. this.filterReset();
  543.  
  544. }
  545.  
  546. setFilter(prop, f) {
  547.  
  548. let oldValue = this.filter_key[prop];
  549. if (typeof oldValue != 'number') return;
  550. let newValue = f(oldValue)
  551. if (oldValue != newValue) {
  552.  
  553. newValue = +newValue.toFixed(6); //javascript bug
  554.  
  555. }
  556.  
  557. this.filter_key[prop] = newValue
  558. this.filterSetup();
  559.  
  560. return newValue;
  561.  
  562.  
  563.  
  564. }
  565.  
  566. filterSetup(options) {
  567.  
  568. let ums = GM_getValue("unsharpen_mask")
  569. if (!ums) ums = ""
  570.  
  571. let view = []
  572. let playerElm = $hs.player();
  573. if (!playerElm || !playerElm.parentNode) return;
  574. for (let view_key in this.filter_key) {
  575. let filter_value = +((+this.filter_key[view_key] || 0).toFixed(3))
  576. let addTo = true;
  577. switch (view_key) {
  578. case 'brightness':
  579. /* fall through */
  580. case 'contrast':
  581. /* fall through */
  582. case 'saturate':
  583. if (decimalEqual(filter_value, 1.0)) addTo = false;
  584. break;
  585. case 'hue-rotate':
  586. /* fall through */
  587. case 'blur':
  588. if (decimalEqual(filter_value, 0.0)) addTo = false;
  589. break;
  590. }
  591. let view_unit = this.filter_view_units[view_key] || ''
  592. if (addTo) view.push(`${view_key}(${filter_value}${view_unit})`)
  593. this.filter_key[view_key] = Number(+this.filter_key[view_key] || 0)
  594. }
  595. if (ums) view.push(`url("#_h5p_${ums}")`);
  596. if (options && options.grey) view.push('url("#grey1")');
  597. playerElm.style.filter = view.join(' ').trim(); //performance in firefox is bad
  598. }
  599.  
  600. filterReset() {
  601. this.filter_key['brightness'] = 1.0
  602. this.filter_key['contrast'] = 1.0
  603. this.filter_key['saturate'] = 1.0
  604. this.filter_key['hue-rotate'] = 0.0
  605. this.filter_key['blur'] = 0.0
  606. this.filterSetup()
  607. }
  608.  
  609. }
  610.  
  611. const Store = {
  612. prefix: '_h5_player',
  613. save: function(k, v) {
  614. if (!Store.available()) return false;
  615. if (typeof v != 'string') return false;
  616. Store.LS.setItem(Store.prefix + k, v)
  617. let sk = fn_toString(k + "", 30);
  618. let sv = fn_toString(v + "", 30);
  619. consoleLog(`localStorage Saved "${sk}" = "${sv}"`)
  620. return true;
  621.  
  622. },
  623. read: function(k) {
  624. if (!Store.available()) return false;
  625. let v = Store.LS.getItem(Store.prefix + k)
  626. let sk = fn_toString(k + "", 30);
  627. let sv = fn_toString(v + "", 30);
  628. consoleLog(`localStorage Read "${sk}" = "${sv}"`);
  629. return v;
  630.  
  631. },
  632. remove: function(k) {
  633.  
  634. if (!Store.available()) return false;
  635. Store.LS.removeItem(Store.prefix + k)
  636. let sk = fn_toString(k + "", 30);
  637. consoleLog(`localStorage Removed "${sk}"`)
  638. return true;
  639. },
  640. clearInvalid: function(sVersion) {
  641. if (!Store.available()) return false;
  642.  
  643. //let sVersion=1814;
  644. if (+Store.read('_sVersion_') < sVersion) {
  645. Store._keys()
  646. .filter(s => s.indexOf(Store.prefix) === 0)
  647. .forEach(key => window.localStorage.removeItem(key))
  648. Store.save('_sVersion_', sVersion + '')
  649. return 2;
  650. }
  651. return 1;
  652.  
  653. },
  654. available: function() {
  655. if (Store.LS) return true;
  656. if (!window) return false;
  657. const localStorage = window.localStorage;
  658. if (!localStorage) return false;
  659. if (typeof localStorage != 'object') return false;
  660. if (!('getItem' in localStorage)) return false;
  661. if (!('setItem' in localStorage)) return false;
  662. Store.LS = localStorage;
  663. return true;
  664.  
  665. },
  666. _keys: function() {
  667. return Object.keys(localStorage);
  668. },
  669. _setItem: function(key, value) {
  670. return localStorage.setItem(key, value)
  671. },
  672. _getItem: function(key) {
  673. return localStorage.getItem(key)
  674. },
  675. _removeItem: function(key) {
  676. return localStorage.removeItem(key)
  677. }
  678.  
  679. }
  680.  
  681. const domTool = {
  682. cssWH: function(m, r) {
  683. if (!r) r = getComputedStyle(m, null);
  684. let c = (x) => +x.replace('px', '');
  685. return {
  686. w: m.offsetWidth || c(r.width),
  687. h: m.offsetHeight || c(r.height)
  688. }
  689. },
  690. _isActionBox_1: function(vEl, pEl) {
  691.  
  692. const vElCSS = domTool.cssWH(vEl);
  693. let vElCSSw = vElCSS.w;
  694. let vElCSSh = vElCSS.h;
  695.  
  696. let vElx = vEl;
  697. const res = [];
  698. //let mLevel = 0;
  699. if (vEl && pEl && vEl != pEl && pEl.contains(vEl)) {
  700. while (vElx && vElx != pEl) {
  701. vElx = vElx.parentNode;
  702. let vElx_css = null;
  703. if (isShadowRoot(vElx)) {} else {
  704. vElx_css = getComputedStyle(vElx, null);
  705. let vElx_wp = parseFloat(vElx_css.paddingLeft) + parseFloat(vElx_css.paddingRight)
  706. vElCSSw += vElx_wp
  707. let vElx_hp = parseFloat(vElx_css.paddingTop) + parseFloat(vElx_css.paddingBottom)
  708. vElCSSh += vElx_hp
  709. }
  710. res.push({
  711. //level: ++mLevel,
  712. padW: vElCSSw,
  713. padH: vElCSSh,
  714. elm: vElx,
  715. css: vElx_css
  716. })
  717.  
  718. }
  719. }
  720.  
  721. // in the array, each item is the parent of video player
  722. //res.vEl_cssWH = vElCSS
  723.  
  724. return res;
  725.  
  726. },
  727. _isActionBox: function(vEl, walkRes, pEl_idx) {
  728.  
  729. function absDiff(w1, w2, h1, h2) {
  730. const w = (w1 - w2),
  731. h = h1 - h2;
  732. return [(w > 0 ? w : -w), (h > 0 ? h : -h)]
  733. }
  734.  
  735. function midPoint(rect) {
  736. return {
  737. x: (rect.left + rect.right) / 2,
  738. y: (rect.top + rect.bottom) / 2
  739. }
  740. }
  741.  
  742. const parentCount = walkRes.length;
  743. if (pEl_idx >= 0 && pEl_idx < parentCount) {} else {
  744. return;
  745. }
  746. const pElr = walkRes[pEl_idx]
  747. if (!pElr.css) {
  748. //shadowRoot
  749. return true;
  750. }
  751.  
  752. const pEl = pElr.elm;
  753.  
  754. //prevent activeElement==body
  755. const pElCSS = domTool.cssWH(pEl, pElr.css);
  756.  
  757. //check prediction of parent dimension
  758. const d1v = absDiff(pElCSS.w, pElr.padW, pElCSS.h, pElr.padH)
  759.  
  760. const d1x = d1v[0] < 10
  761. const d1y = d1v[1] < 10;
  762.  
  763. if (d1x && d1y) return true; //both edge along the container - fit size
  764. if (!d1x && !d1y) return false; //no edge along the container - body contain the video element, fixed width&height
  765.  
  766. //case: youtube video fullscreen
  767.  
  768. //check centre point
  769.  
  770. const pEl_rect = pEl.getBoundingClientRect()
  771. const vEl_rect = vEl.getBoundingClientRect()
  772.  
  773. const pEl_center = midPoint(pEl_rect)
  774. const vEl_center = midPoint(vEl_rect)
  775.  
  776. const d2v = absDiff(pEl_center.x, vEl_center.x, pEl_center.y, vEl_center.y);
  777.  
  778. const d2x = d2v[0] < 10;
  779. const d2y = d2v[1] < 10;
  780.  
  781. return (d2x && d2y);
  782.  
  783. },
  784. addStyle: //GM_addStyle,
  785. function(css, head) {
  786. if (!head) {
  787. let _doc = document.documentElement;
  788. head = domAppender(_doc);
  789. }
  790. let doc = head.ownerDocument;
  791. let style = doc.createElement('style');
  792. style.type = 'text/css';
  793. style.textContent = css;
  794. head.appendChild(style);
  795. //console.log(document.head,style,'add style')
  796. return style;
  797. }
  798. };
  799.  
  800. const handle = {
  801.  
  802.  
  803. afPlaybackRecording: async function() {
  804. const opts = this;
  805.  
  806. let qTime = +new Date;
  807. if (qTime >= opts.pTime) {
  808. opts.pTime = qTime + opts.timeDelta; //prediction of next Interval
  809. opts.savePlaybackProgress()
  810. }
  811.  
  812. },
  813. savePlaybackProgress: function() {
  814.  
  815. //this refer to endless's opts
  816. let player = this.player;
  817.  
  818. let _uid = this.player_uid; //_h5p_uid_encrypted
  819. if (!_uid) return;
  820.  
  821. let shallSave = true;
  822. let currentTimeToSave = ~~player.currentTime;
  823.  
  824. if (this._lastSave == currentTimeToSave) shallSave = false;
  825.  
  826. if (shallSave) {
  827.  
  828. this._lastSave = currentTimeToSave
  829.  
  830. Promise.resolve().then(() => {
  831.  
  832. //console.log('aasas',this.player_uid, shallSave, '_play_progress_'+_uid, currentTimeToSave)
  833.  
  834. Store.save('_play_progress_' + _uid, jsonStringify({
  835. 't': currentTimeToSave
  836. }))
  837. })
  838.  
  839. }
  840. //console.log('playback logged')
  841.  
  842. },
  843. playingWithRecording: function() {
  844. let player = this.player;
  845. if (!player.paused && !this.isFunctionLooping) {
  846. let player = this.player;
  847. let _uid = player.getAttribute('_h5p_uid_encrypted') || ''
  848. if (_uid) {
  849. this.player_uid = _uid;
  850. this.pTime = 0;
  851. this.loopingStart();
  852. }
  853. }
  854. }
  855.  
  856. };
  857.  
  858. /*
  859. class Momentary extends Map {
  860. act(uniqueId, fn_start, fn_end, delay) {
  861. if (!uniqueId) return;
  862. uniqueId = uniqueId + "";
  863. const last_cid = this.get(uniqueId);
  864. if (last_cid > 0) window.clearTimeout(last_cid);
  865. fn_start();
  866. const new_cid = window.setTimeout(fn_end, delay)
  867. this.set(uniqueId, new_cid)
  868. }
  869. }
  870.  
  871. const momentary = new Momentary();*/
  872.  
  873. const $hs = {
  874.  
  875. /* 提示文本的字號 */
  876. fontSize: 16,
  877. enable: true,
  878. playerInstance: null,
  879. /* 快進快退步長 */
  880. skipStep: 5,
  881.  
  882. mouseMoveCount: 0,
  883.  
  884. //video mouse enter and leave
  885. mouseActioner: {
  886. calls: [],
  887. time: 0,
  888. cid: 0,
  889. lastFound: null,
  890. lastHoverElm: null
  891. },
  892.  
  893. mouseEnteredElement: null,
  894.  
  895. actionBoxRelations: {},
  896. tipsClassName: 'html_player_enhance_tips',
  897.  
  898. //cursor control
  899. mointoringVideo:false, //false -> xxx -> null -> xxx
  900.  
  901. //global focused video
  902. focusHookVId: '',
  903.  
  904. /* 獲取當前播放器的實例 */
  905. player: function() {
  906. let res = $hs.playerInstance || null;
  907. if (res && res.parentNode == null) {
  908. $hs.playerInstance = null;
  909. res = null;
  910. }
  911.  
  912. if (res == null) {
  913. for (let k in playerConfs) {
  914. let playerConf = playerConfs[k];
  915. if (playerConf && playerConf.domElement && playerConf.domElement.parentNode) return playerConf.domElement;
  916. }
  917. }
  918. if(res && res.parentNode)return res;
  919. return null;
  920. },
  921.  
  922. pictureInPicture: function(videoElm) {
  923. if (document.pictureInPictureElement) {
  924. document.exitPictureInPicture();
  925. } else if ('requestPictureInPicture' in videoElm) {
  926. videoElm.requestPictureInPicture()
  927. } else {
  928. $hs.tips('PIP is not supported.');
  929. }
  930. },
  931.  
  932. getPlayerConf: function(video) {
  933.  
  934. if (!video) return null;
  935. let vpid = video.getAttribute('_h5ppid') || null;
  936. if (!vpid) return null;
  937. return playerConfs[vpid] || null;
  938.  
  939. },
  940. debug01: function(evt, videoActive) {
  941.  
  942. if (!$hs.eventHooks) {
  943. document.__h5p_eventhooks = ($hs.eventHooks = {
  944. _debug_: []
  945. });
  946. }
  947. $hs.eventHooks._debug_.push([videoActive, evt.type]);
  948. // console.log('h5p eventhooks = document.__h5p_eventhooks')
  949. },
  950.  
  951. swtichPlayerInstance: function() {
  952.  
  953. let newPlayerInstance = null;
  954. const ONLY_PLAYING_NONE = 0x4A00;
  955. const ONLY_PLAYING_MORE_THAN_ONE = 0x5A00;
  956. let onlyPlayingInstance = ONLY_PLAYING_NONE;
  957. for (let k in playerConfs) {
  958. let playerConf = playerConfs[k] || {};
  959. let {
  960. domElement,
  961. domActive
  962. } = playerConf;
  963. if (domElement) {
  964. if (domActive & DOM_ACTIVE_INVALID_PARENT) continue;
  965. if (!domElement.parentNode) {
  966. playerConf.domActive |= DOM_ACTIVE_INVALID_PARENT;
  967. continue;
  968. }
  969. if ((domActive & DOM_ACTIVE_MOUSE_CLICK) || (domActive & DOM_ACTIVE_KEY_DOWN) || (domActive & DOM_ACTIVE_FULLSCREEN)) {
  970. newPlayerInstance = domElement
  971. break;
  972. }
  973. if (domActive & DOM_ACTIVE_ONCE_PLAYED && (domActive & DOM_ACTIVE_DELAYED_PAUSED) == 0) {
  974. if (onlyPlayingInstance == ONLY_PLAYING_NONE) onlyPlayingInstance = domElement;
  975. else onlyPlayingInstance = ONLY_PLAYING_MORE_THAN_ONE;
  976. }
  977. }
  978. }
  979. if (newPlayerInstance == null && onlyPlayingInstance.nodeType == 1) {
  980. newPlayerInstance = onlyPlayingInstance;
  981. }
  982.  
  983. $hs.playerInstance = newPlayerInstance
  984.  
  985.  
  986. },
  987.  
  988.  
  989. handlerVideoPlaying: function(evt) {
  990. const videoElm = evt.target || this || null;
  991.  
  992. if (!videoElm || videoElm.nodeName != "VIDEO") return;
  993.  
  994. const vpid = videoElm.getAttribute('_h5ppid')
  995.  
  996. if (!vpid) return;
  997.  
  998.  
  999. //console.log('video play',videoElm.duration,videoElm.currentTime)
  1000.  
  1001. Promise.resolve().then(() => {
  1002.  
  1003. if ($hs.cid_playHook > 0) window.clearTimeout($hs.cid_playHook);
  1004. $hs.cid_playHook = window.setTimeout(function() {
  1005. let onlyPlayed = null;
  1006. for (var k in playerConfs) {
  1007. if (k == vpid) {
  1008. if (playerConfs[k].domElement.paused === false) onlyPlayed = true;
  1009. } else if (playerConfs[k].domElement.paused === false) {
  1010. onlyPlayed = false;
  1011. break;
  1012. }
  1013. }
  1014. if (onlyPlayed === true) {
  1015. $hs.focusHookVId = vpid
  1016. }
  1017. $bv.boostVideoPerformanceActivate();
  1018.  
  1019. $hs.hcDelayMouseHideAndStartMointoring(videoElm);
  1020.  
  1021. }, 100)
  1022.  
  1023. }).then(() => {
  1024.  
  1025. const playerConf = $hs.getPlayerConf(videoElm)
  1026.  
  1027. if (playerConf) {
  1028. if (playerConf.timeout_pause > 0) playerConf.timeout_pause = window.clearTimeout(playerConf.timeout_pause);
  1029. playerConf.lastPauseAt = 0
  1030. playerConf.domActive |= DOM_ACTIVE_ONCE_PLAYED;
  1031. playerConf.domActive &= ~DOM_ACTIVE_DELAYED_PAUSED;
  1032. }
  1033.  
  1034. }).then(() => {
  1035.  
  1036. $hs._actionBoxObtain(videoElm);
  1037.  
  1038. }).then(() => {
  1039.  
  1040. $hs.swtichPlayerInstance();
  1041.  
  1042.  
  1043.  
  1044. }).then(() => {
  1045.  
  1046. if (!$hs.enable) return $hs.tips(false);
  1047.  
  1048. if (videoElm._isThisPausedBefore_) consoleLog('resumed')
  1049. let _pausedbefore_ = videoElm._isThisPausedBefore_
  1050.  
  1051. if (videoElm.playpause_cid) {
  1052. window.clearTimeout(videoElm.playpause_cid);
  1053. videoElm.playpause_cid = 0;
  1054. }
  1055. let _last_paused = videoElm._last_paused
  1056. videoElm._last_paused = videoElm.paused
  1057. if (_last_paused === !videoElm.paused) {
  1058. videoElm.playpause_cid = window.setTimeout(() => {
  1059. if (videoElm.paused === !_last_paused && !videoElm.paused && _pausedbefore_) {
  1060. $hs.tips('Playback resumed', undefined, 2500)
  1061. }
  1062. }, 90)
  1063. }
  1064.  
  1065. /* 播放的時候進行相關同步操作 */
  1066.  
  1067. if (!videoElm._record_continuous) {
  1068.  
  1069. /* 同步之前設定的播放速度 */
  1070. $hs.setPlaybackRate()
  1071.  
  1072. if (!_endlessloop) _endlessloop = new AFLooperArray();
  1073.  
  1074. videoElm._record_continuous = _endlessloop.appendLoop(handle.afPlaybackRecording);
  1075. videoElm._record_continuous._lastSave = -999;
  1076.  
  1077. videoElm._record_continuous.timeDelta = 2000;
  1078. videoElm._record_continuous.player = videoElm
  1079. videoElm._record_continuous.savePlaybackProgress = handle.savePlaybackProgress;
  1080. videoElm._record_continuous.playingWithRecording = handle.playingWithRecording;
  1081. }
  1082.  
  1083. videoElm._record_continuous.playingWithRecording(videoElm); //try to start recording
  1084.  
  1085. videoElm._isThisPausedBefore_ = false;
  1086.  
  1087. })
  1088.  
  1089. },
  1090.  
  1091.  
  1092. handlerVideoPause: function(evt) {
  1093.  
  1094. const videoElm = evt.target || this || null;
  1095.  
  1096. if (!videoElm || videoElm.nodeName != "VIDEO") return;
  1097.  
  1098. const vpid = videoElm.getAttribute('_h5ppid')
  1099.  
  1100. if (!vpid) return;
  1101.  
  1102. const isVideoEnded = (decimalEqual(videoElm.duration,videoElm.currentTime));
  1103.  
  1104.  
  1105.  
  1106. Promise.resolve().then(() => {
  1107.  
  1108. if ($hs.cid_playHook > 0) window.clearTimeout($hs.cid_playHook);
  1109. $hs.cid_playHook = window.setTimeout(function() {
  1110. let allPaused = true;
  1111. for (var k in playerConfs) {
  1112. if (playerConfs[k].domElement.paused === false) {
  1113. allPaused = false;
  1114. break;
  1115. }
  1116. }
  1117. if (allPaused) {
  1118. $hs.focusHookVId = vpid
  1119. }
  1120. $bv.boostVideoPerformanceDeactivate();
  1121. }, 100)
  1122.  
  1123. }).then(() => {
  1124.  
  1125. const playerConf = $hs.getPlayerConf(videoElm)
  1126. if (playerConf) {
  1127. playerConf.lastPauseAt = +new Date;
  1128. playerConf.timeout_pause = window.setTimeout(() => {
  1129. if (playerConf.lastPauseAt > 0) playerConf.domActive |= DOM_ACTIVE_DELAYED_PAUSED;
  1130. }, 600)
  1131. }
  1132.  
  1133. }).then(() => {
  1134.  
  1135. if(!isVideoEnded){
  1136.  
  1137. if (!$hs.enable) return $hs.tips(false);
  1138. consoleLog('pause')
  1139. videoElm._isThisPausedBefore_ = true;
  1140.  
  1141. let _last_paused = videoElm._last_paused
  1142. videoElm._last_paused = videoElm.paused
  1143. if (videoElm.playpause_cid) {
  1144. window.clearTimeout(videoElm.playpause_cid);
  1145. videoElm.playpause_cid = 0;
  1146. }
  1147. if (_last_paused === !videoElm.paused) {
  1148. videoElm.playpause_cid = window.setTimeout(() => {
  1149. if (videoElm.paused === !_last_paused && videoElm.paused) {
  1150. $hs._tips(videoElm, 'Playback paused', undefined, 2500)
  1151. }
  1152. }, 90)
  1153. }
  1154.  
  1155. }else{
  1156.  
  1157. videoElm._isThisPausedBefore_ = true;
  1158. }
  1159.  
  1160.  
  1161. if (videoElm._record_continuous && videoElm._record_continuous.isFunctionLooping) {
  1162. window.setTimeout(function() {
  1163. if (videoElm.paused === true && !videoElm._record_continuous.isFunctionLooping) videoElm._record_continuous.savePlaybackProgress(); //savePlaybackProgress once before stopping //handle.savePlaybackProgress;
  1164. }, 380)
  1165. videoElm._record_continuous.loopingStop();
  1166. }
  1167.  
  1168.  
  1169. })
  1170.  
  1171.  
  1172. },
  1173. handlerVideoVolumeChange: function(evt) {
  1174.  
  1175. let videoElm = evt.target || this || null;
  1176.  
  1177. if (videoElm.nodeName != "VIDEO") return;
  1178. if (videoElm.volume >= 0) {} else {
  1179. return;
  1180. }
  1181.  
  1182. if ($hs._volume_change_counter > 0) return;
  1183. $hs._volume_change_counter = ($hs._volume_change_counter || 0) + 1
  1184.  
  1185. window.requestAnimationFrame(function() {
  1186.  
  1187. let makeTips = false;
  1188. Promise.resolve(videoElm).then((videoElm) => {
  1189.  
  1190.  
  1191. let cVol = videoElm.volume;
  1192. let cMuted = videoElm.muted;
  1193.  
  1194. if (cVol === videoElm._volume_p && cMuted === videoElm._muted_p) {
  1195. // nothing changed
  1196. } else if (cVol === videoElm._volume_p && cMuted !== videoElm._muted_p) {
  1197. // muted changed
  1198. } else { // cVol != pVol
  1199.  
  1200. // only volume changed
  1201.  
  1202. let shallShowTips = videoElm._volume >= 0; //prevent initialization
  1203.  
  1204. if (!cVol) {
  1205. videoElm.muted = true;
  1206. } else if (cMuted) {
  1207. videoElm.muted = false;
  1208. videoElm._volume = cVol;
  1209. } else if (!cMuted) {
  1210. videoElm._volume = cVol;
  1211. }
  1212. consoleLog('volume changed');
  1213.  
  1214. if (shallShowTips) makeTips = true;
  1215.  
  1216. }
  1217.  
  1218. videoElm._volume_p = cVol;
  1219. videoElm._muted_p = cMuted;
  1220.  
  1221. return videoElm;
  1222.  
  1223. }).then((videoElm) => {
  1224.  
  1225. if (makeTips) $hs._tips(videoElm, 'Volume: ' + dround(videoElm.volume * 100) + '%', undefined, 3000);
  1226.  
  1227. $hs._volume_change_counter = 0;
  1228.  
  1229. })
  1230. videoElm = null
  1231.  
  1232. })
  1233.  
  1234.  
  1235.  
  1236. },
  1237. handlerVideoLoadedMetaData: function(evt) {
  1238. const videoElm = evt.target || this || null;
  1239.  
  1240. if (!videoElm || videoElm.nodeName != "VIDEO") return;
  1241.  
  1242. Promise.resolve(videoElm).then((videoElm) => {
  1243.  
  1244. consoleLog('video size', videoElm.videoWidth + ' x ' + videoElm.videoHeight);
  1245.  
  1246. let vpid = videoElm.getAttribute('_h5ppid') || null;
  1247. if (!vpid || !videoElm.currentSrc) return;
  1248.  
  1249. let videoElm_withSrcChanged = null
  1250.  
  1251. if ($hs.varSrcList[vpid] != videoElm.currentSrc) {
  1252. $hs.varSrcList[vpid] = videoElm.currentSrc;
  1253. $hs.videoSrcFound(videoElm);
  1254. videoElm_withSrcChanged = videoElm;
  1255. }
  1256. if (!videoElm._onceVideoLoaded) {
  1257. videoElm._onceVideoLoaded = true;
  1258. playerConfs[vpid].domActive |= DOM_ACTIVE_SRC_LOADED;
  1259. }
  1260.  
  1261. return videoElm_withSrcChanged
  1262. }).then((videoElm_withSrcChanged) => {
  1263.  
  1264. if (videoElm_withSrcChanged) $hs._actionBoxObtain(videoElm_withSrcChanged);
  1265.  
  1266.  
  1267.  
  1268. })
  1269.  
  1270. },
  1271. handlerSizing:(entries)=>{
  1272.  
  1273. for(const {target} of entries){
  1274.  
  1275. let cw=target.clientWidth
  1276. let ch=target.clientHeight
  1277. target.__clientWidth = cw
  1278. target.__clientHeight = ch
  1279. target.mouseMoveMax = Math.sqrt(cw * cw + ch * ch) * 0.06;
  1280.  
  1281.  
  1282. }
  1283.  
  1284. },
  1285.  
  1286. mouseAct: function() {
  1287.  
  1288. $hs.mouseActioner.cid = 0;
  1289.  
  1290. if (+new Date - $hs.mouseActioner.time < 30) {
  1291. $hs.mouseActioner.cid = window.setTimeout($hs.mouseAct, 82)
  1292. return;
  1293. }
  1294.  
  1295. if ($hs.mouseDownAt && $hs.mouseActioner.lastFound && $hs.mouseDownAt.insideVideo === $hs.mouseActioner.lastFound) {
  1296.  
  1297. return;
  1298.  
  1299. }
  1300.  
  1301. const getVideo = (target) => {
  1302.  
  1303.  
  1304. const actionBoxRelation = $hs.getActionBoxRelationFromDOM(target);
  1305. if (!actionBoxRelation) return;
  1306. const actionBox = actionBoxRelation.actionBox
  1307. if (!actionBox) return;
  1308. const vpid = actionBox.getAttribute('_h5p_actionbox_');
  1309. const videoElm = actionBoxRelation.player;
  1310. if (!videoElm) return;
  1311.  
  1312. return videoElm
  1313. }
  1314.  
  1315. Promise.resolve().then(() => {
  1316. for (const {
  1317. type,
  1318. target
  1319. } of $hs.mouseActioner.calls) {
  1320. if (type == 'mouseenter') {
  1321. const videoElm = getVideo(target);
  1322. if (videoElm) {
  1323. return videoElm
  1324. }
  1325. }
  1326. }
  1327. return null;
  1328. }).then(videoFound => {
  1329.  
  1330. Promise.resolve().then(() => {
  1331.  
  1332. var plastHoverElm = $hs.mouseActioner.lastHoverElm;
  1333. $hs.mouseActioner.lastHoverElm = $hs.mouseActioner.calls[0] ? $hs.mouseActioner.calls[0].target : null
  1334.  
  1335. //console.log(!!$hs.mointoringVideo , !!videoFound)
  1336. //console.log(554,'mointoringVideo:'+!!$hs.mointoringVideo,'videoFound:'+ !!videoFound)
  1337.  
  1338. if ($hs.mointoringVideo && !videoFound) {
  1339. $hs.hcShowMouseAndRemoveMointoring($vQuery[$hs.mointoringVideo].player())
  1340. } else if ($hs.mointoringVideo && videoFound) {
  1341. if (plastHoverElm != $hs.mouseActioner.lastHoverElm) $hs.hcMouseShowWithMonitoring(videoFound);
  1342. } else if (!$hs.mointoringVideo && videoFound) {
  1343. $hs.hcDelayMouseHideAndStartMointoring(videoFound)
  1344. }
  1345.  
  1346. $hs.mouseMoveCount = 0;
  1347. $hs.mouseActioner.calls.length = 0;
  1348. $hs.mouseActioner.lastFound = videoFound;
  1349.  
  1350. })
  1351.  
  1352.  
  1353.  
  1354. if (videoFound !== $hs.mouseActioner.lastFound) {
  1355. if ($hs.mouseActioner.lastFound) {
  1356. $hs.handlerElementMouseLeaveVideo($hs.mouseActioner.lastFound)
  1357. }
  1358. if (videoFound) {
  1359. $hs.handlerElementMouseEnterVideo(videoFound)
  1360. }
  1361. }
  1362.  
  1363.  
  1364. })
  1365.  
  1366. },
  1367. handlerElementMouseEnterVideo: function(video) {
  1368.  
  1369. //console.log('mouseenter video')
  1370.  
  1371. const playerConf = $hs.getPlayerConf(video)
  1372. if (playerConf) {
  1373. playerConf.domActive |= DOM_ACTIVE_MOUSE_IN;
  1374. }
  1375.  
  1376. $hs._actionBoxObtain(video);
  1377.  
  1378. $hs.enteredActionBoxRelation = $hs.actionBoxRelations[video.getAttribute('_h5ppid') || 'null'] || null
  1379.  
  1380. },
  1381. handlerElementMouseLeaveVideo: function(video) {
  1382.  
  1383. //console.log('mouseleave video')
  1384.  
  1385. const playerConf = $hs.getPlayerConf(video)
  1386. if (playerConf) {
  1387. playerConf.domActive &= ~DOM_ACTIVE_MOUSE_IN;
  1388. }
  1389.  
  1390.  
  1391. $hs.enteredActionBoxRelation = null
  1392.  
  1393.  
  1394. },
  1395. handlerElementMouseEnter: function(evt) {
  1396. if ($hs.intVideoInitCount > 0) {} else {
  1397. return;
  1398. }
  1399. if (!evt || !evt.target || !(evt.target.nodeType > 0)) return;
  1400. $hs.mouseEnteredElement = evt.target
  1401.  
  1402. if ($hs.mouseDownAt && $hs.mouseDownAt.insideVideo) return;
  1403.  
  1404. if ($hs.enteredActionBoxRelation && $hs.enteredActionBoxRelation.pContainer && $hs.enteredActionBoxRelation.pContainer.contains(evt.target)) return;
  1405.  
  1406. //console.log('mouseenter call')
  1407.  
  1408. $hs.mouseActioner.calls.length = 1;
  1409. $hs.mouseActioner.calls[0] = {
  1410. type: evt.type,
  1411. target: evt.target
  1412. }
  1413.  
  1414.  
  1415. //$hs.mouseActioner.calls.push({type:evt.type,target:evt.target});
  1416. $hs.mouseActioner.time = +new Date;
  1417.  
  1418. if (!$hs.mouseActioner.cid) {
  1419. $hs.mouseActioner.cid = window.setTimeout($hs.mouseAct, 82)
  1420. }
  1421.  
  1422. //console.log(evt.target)
  1423.  
  1424. },
  1425. handlerElementMouseLeave: function(evt) {
  1426. if ($hs.intVideoInitCount > 0) {} else {
  1427. return;
  1428. }
  1429. if (!evt || !evt.target || !(evt.target.nodeType > 0)) return;
  1430.  
  1431. if ($hs.mouseDownAt && $hs.mouseDownAt.insideVideo) return;
  1432.  
  1433. if ($hs.enteredActionBoxRelation && $hs.enteredActionBoxRelation.pContainer && !$hs.enteredActionBoxRelation.pContainer.contains(evt.target)) {
  1434.  
  1435. //console.log('mouseleave call')
  1436.  
  1437. //$hs.mouseActioner.calls.push({type:evt.type,target:evt.target});
  1438. $hs.mouseActioner.time = +new Date;
  1439.  
  1440. if (!$hs.mouseActioner.cid) {
  1441. $hs.mouseActioner.cid = window.setTimeout($hs.mouseAct, 82)
  1442. }
  1443. }
  1444.  
  1445. },
  1446. handlerElementMouseDown: function(evt) {
  1447. if ($hs.mouseDownAt) return;
  1448. $hs.mouseDownAt = {
  1449. elm: evt.target,
  1450. insideVideo: false,
  1451. pContainer: null
  1452. };
  1453.  
  1454.  
  1455. if ($hs.intVideoInitCount > 0) {} else {
  1456. return;
  1457. }
  1458.  
  1459. // $hs._mouseIsDown=true;
  1460.  
  1461. if (!evt || !evt.target || !(evt.target.nodeType > 0)) return;
  1462.  
  1463. if ($hs.mouseActioner.lastFound && $hs.mointoringVideo) $hs.hcMouseShowWithMonitoring($hs.mouseActioner.lastFound)
  1464.  
  1465. Promise.resolve(evt.target).then((evtTarget) => {
  1466.  
  1467.  
  1468. if (document.readyState != "complete") return;
  1469.  
  1470.  
  1471. function notAtVideo() {
  1472. if ($hs.focusHookVId) $hs.focusHookVId = ''
  1473. }
  1474.  
  1475.  
  1476. const actionBoxRelation = $hs.getActionBoxRelationFromDOM(evtTarget);
  1477. if (!actionBoxRelation) return notAtVideo();
  1478. const actionBox = actionBoxRelation.actionBox
  1479. if (!actionBox) return notAtVideo();
  1480. const vpid = actionBox.getAttribute('_h5p_actionbox_');
  1481. const videoElm = actionBoxRelation.player;
  1482. if (!videoElm) return notAtVideo();
  1483.  
  1484. if (!$hs.mouseDownAt) return;
  1485. $hs.mouseDownAt.insideVideo = videoElm;
  1486.  
  1487. $hs.mouseDownAt.pContainer = actionBoxRelation.pContainer;
  1488.  
  1489. if (vpid) {
  1490. $hs.focusHookVId = vpid
  1491. }
  1492.  
  1493.  
  1494. const playerConf = $hs.getPlayerConf(videoElm)
  1495. if (playerConf) {
  1496. delayCall("$$actionBoxClicking", function() {
  1497. playerConf.domActive &= ~DOM_ACTIVE_MOUSE_CLICK;
  1498. }, 300)
  1499. playerConf.domActive |= DOM_ACTIVE_MOUSE_CLICK;
  1500. }
  1501.  
  1502.  
  1503. return videoElm
  1504.  
  1505. }).then((videoElm) => {
  1506.  
  1507. if (!videoElm) return;
  1508.  
  1509. $hs._actionBoxObtain(videoElm);
  1510.  
  1511. return videoElm
  1512.  
  1513. }).then((videoElm) => {
  1514.  
  1515. if (!videoElm) return;
  1516.  
  1517. $hs.swtichPlayerInstance();
  1518.  
  1519. })
  1520.  
  1521. },
  1522. handlerElementMouseUp: function(evt) {
  1523.  
  1524. if ($hs.pendingTips) {
  1525.  
  1526. let pendingTips = $hs.pendingTips;
  1527. $hs.pendingTips = null;
  1528.  
  1529. for (let vpid in pendingTips) {
  1530. const tipsDom = pendingTips[vpid]
  1531. Promise.resolve(tipsDom).then(() => {
  1532. if (tipsDom.getAttribute('_h5p_animate') == '0') tipsDom.setAttribute('_h5p_animate', '1');
  1533.  
  1534. })
  1535. }
  1536. pendingTips = null;
  1537.  
  1538. }
  1539. if ($hs.mouseDownAt) {
  1540.  
  1541. $hs.mouseDownAt = null;
  1542. }
  1543. },
  1544. handlerElementWheelTuneVolume: function(evt) { //shift + wheel
  1545.  
  1546. if ($hs.intVideoInitCount > 0) {} else {
  1547. return;
  1548. }
  1549.  
  1550. if (!evt.shiftKey || !evt.target || !(evt.target.nodeType > 0)) return;
  1551.  
  1552. const fDeltaY = (evt.deltaY > 0) ? 1 : (evt.deltaY < 0) ? -1 : 0;
  1553. if (fDeltaY) {
  1554.  
  1555.  
  1556.  
  1557. const randomID = +new Date
  1558. $hs.handlerElementWheelTuneVolume._randomID = randomID;
  1559.  
  1560.  
  1561. Promise.resolve(evt.target).then((evtTarget) => {
  1562.  
  1563.  
  1564. const actionBoxRelation = $hs.getActionBoxRelationFromDOM(evtTarget);
  1565. if (!actionBoxRelation) return;
  1566. const actionBox = actionBoxRelation.actionBox
  1567. if (!actionBox) return;
  1568. const vpid = actionBox.getAttribute('_h5p_actionbox_');
  1569. const videoElm = actionBoxRelation.player;
  1570. if (!videoElm) return;
  1571.  
  1572. let player = $hs.player();
  1573. if (!player || !player.parentNode || player != videoElm) return;
  1574.  
  1575. return videoElm
  1576.  
  1577. }).then((videoElm) => {
  1578. if (!videoElm) return;
  1579.  
  1580. if ($hs.handlerElementWheelTuneVolume._randomID != randomID) return;
  1581. // $hs._actionBoxObtain(videoElm);
  1582. return videoElm;
  1583. }).then((player) => {
  1584. if (!player || !player.parentNode) return;
  1585. if ($hs.handlerElementWheelTuneVolume._randomID != randomID) return;
  1586. if (fDeltaY > 0) {
  1587. if ((player.muted && player.volume === 0) && player._volume > 0) {
  1588. player.muted = false;
  1589. player.volume = player._volume;
  1590. } else if (player.muted && (player.volume > 0 || !player._volume)) {
  1591. player.muted = false;
  1592. }
  1593. $hs.tuneVolume(-0.05)
  1594. } else if (fDeltaY < 0) {
  1595. if ((player.muted && player.volume === 0) && player._volume > 0) {
  1596. player.muted = false;
  1597. player.volume = player._volume;
  1598. } else if (player.muted && (player.volume > 0 || !player._volume)) {
  1599. player.muted = false;
  1600. }
  1601. $hs.tuneVolume(+0.05)
  1602. }
  1603. })
  1604. evt.stopPropagation()
  1605. evt.preventDefault()
  1606. return false
  1607. }
  1608. },
  1609.  
  1610. handlerWinMessage: async function(e) {
  1611. let tag, ed;
  1612. if (typeof e.data == 'object' && typeof e.data.tag == 'string') {
  1613. tag = e.data.tag;
  1614. ed = e.data
  1615. } else {
  1616. return;
  1617. }
  1618. let msg = null,
  1619. success = 0;
  1620. let msg_str, msg_stype, p
  1621. switch (tag) {
  1622. case 'consoleLog':
  1623. msg_str = ed.str;
  1624. msg_stype = ed.stype;
  1625. if (msg_stype === 1) {
  1626. msg = (document[str_postMsgData] || {})[msg_str] || [];
  1627. success = 1;
  1628. } else if (msg_stype === 2) {
  1629. msg = jsonParse(msg_str);
  1630. if (msg && msg.d) {
  1631. success = 2;
  1632. msg = msg.d;
  1633. }
  1634. } else {
  1635. msg = msg_str
  1636. }
  1637. p = (ed.passing && ed.winOrder) ? [' | from win-' + ed.winOrder] : [];
  1638. if (success) {
  1639. console.log(...msg, ...p)
  1640. //document[ed.data]=null; // also delete the information
  1641. } else {
  1642. console.log('msg--', msg, ...p, ed);
  1643. }
  1644. break;
  1645.  
  1646. }
  1647. },
  1648.  
  1649. toolCheckFullScreen: function(doc) {
  1650. if (typeof doc.fullScreen == 'boolean') return doc.fullScreen;
  1651. if (typeof doc.webkitIsFullScreen == 'boolean') return doc.webkitIsFullScreen;
  1652. if (typeof doc.mozFullScreen == 'boolean') return doc.mozFullScreen;
  1653. return null;
  1654. },
  1655.  
  1656. toolFormatCT: function(u) {
  1657.  
  1658. let w = Math.round(u, 0)
  1659. let a = w % 60
  1660. w = (w - a) / 60
  1661. let b = w % 60
  1662. w = (w - b) / 60
  1663. let str = ("0" + b).substr(-2) + ":" + ("0" + a).substr(-2);
  1664. if (w) str = w + ":" + str
  1665.  
  1666. return str
  1667.  
  1668. },
  1669.  
  1670. loopOutwards: function(startPoint, maxStep) {
  1671.  
  1672.  
  1673. let c = 0,
  1674. p = startPoint,
  1675. q = null;
  1676. while (p && (++c <= maxStep)) {
  1677. if (p.querySelectorAll('video').length !== 1) {
  1678. return q;
  1679. break;
  1680. }
  1681. q = p;
  1682. p = p.parentNode;
  1683. }
  1684.  
  1685. return p || q || null;
  1686.  
  1687. },
  1688.  
  1689. getActionBlockElement: function(player, layoutBox) {
  1690.  
  1691. //player, $hs.getPlayerBlockElement(player).parentNode;
  1692. //player, player.parentNode .... player.parentNode.parentNode.parentNode
  1693.  
  1694. //layoutBox: a container element containing video and with innerHeight>=player.innerHeight [skipped wrapping]
  1695. //layoutBox parentSize > layoutBox Size
  1696.  
  1697. //actionBox: a container with video and controls
  1698. //can be outside layoutbox (bilibili)
  1699. //assume maximum 3 layers
  1700.  
  1701.  
  1702. let outerLayout = $hs.loopOutwards(layoutBox, 3); //i.e. layoutBox.parent.parent.parent
  1703.  
  1704.  
  1705. const allFullScreenBtns = $hs.queryFullscreenBtnsIndependant(outerLayout)
  1706. //console.log('xx', outerLayout.querySelectorAll('[class*="-fullscreen"]').length, allFullScreenBtns.length)
  1707. let actionBox = null;
  1708.  
  1709. // console.log('fa0a', allFullScreenBtns.length, layoutBox)
  1710. if (allFullScreenBtns.length > 0) {
  1711. // console.log('faa', allFullScreenBtns.length)
  1712.  
  1713. for (const possibleFullScreenBtn of allFullScreenBtns) possibleFullScreenBtn.setAttribute('__h5p_fsb__', '');
  1714. let pElm = player.parentNode;
  1715. let fullscreenBtns = null;
  1716. while (pElm && pElm.parentNode) {
  1717. fullscreenBtns = pElm.querySelectorAll('[__h5p_fsb__]');
  1718. if (fullscreenBtns.length > 0) {
  1719. break;
  1720. }
  1721. pElm = pElm.parentNode;
  1722. }
  1723. for (const possibleFullScreenBtn of allFullScreenBtns) possibleFullScreenBtn.removeAttribute('__h5p_fsb__');
  1724. if (fullscreenBtns && fullscreenBtns.length > 0) {
  1725. actionBox = pElm;
  1726. fullscreenBtns = $hs.exclusiveElements(fullscreenBtns);
  1727. return {
  1728. actionBox,
  1729. fullscreenBtns
  1730. };
  1731. }
  1732. }
  1733.  
  1734. let walkRes = domTool._isActionBox_1(player, layoutBox);
  1735. //walkRes.elm = player... player.parentNode.parentNode (i.e. wPlayer)
  1736. let parentCount = walkRes.length;
  1737.  
  1738. if (parentCount - 1 >= 0 && domTool._isActionBox(player, walkRes, parentCount - 1)) {
  1739. actionBox = walkRes[parentCount - 1].elm;
  1740. } else if (parentCount - 2 >= 0 && domTool._isActionBox(player, walkRes, parentCount - 2)) {
  1741. actionBox = walkRes[parentCount - 2].elm;
  1742. } else {
  1743. actionBox = player;
  1744. }
  1745.  
  1746. return {
  1747. actionBox,
  1748. fullscreenBtns: []
  1749. };
  1750.  
  1751.  
  1752.  
  1753.  
  1754. },
  1755.  
  1756.  
  1757. actionBoxMutationCallback: function(mutations, observer) {
  1758. for (const mutation of mutations) {
  1759.  
  1760.  
  1761. const vpid = mutation.target.getAttribute('_h5p_mf_');
  1762. if (!vpid) continue;
  1763.  
  1764. const actionBoxRelation = $hs.actionBoxRelations[vpid];
  1765. if (!actionBoxRelation) continue;
  1766.  
  1767.  
  1768. const removedNodes = mutation.removedNodes;
  1769. if (removedNodes && removedNodes.length > 0) {
  1770. for (const node of removedNodes) {
  1771. if (node.nodeType == 1) {
  1772. actionBoxRelation.mutationRemovalsCount++
  1773. node.removeAttribute('_h5p_mf_');
  1774. }
  1775. }
  1776.  
  1777. }
  1778.  
  1779. const addedNodes = mutation.addedNodes;
  1780. if (addedNodes && addedNodes.length > 0) {
  1781. for (const node of addedNodes) {
  1782. if (node.nodeType == 1) {
  1783. actionBoxRelation.mutationAdditionsCount++
  1784. }
  1785. }
  1786.  
  1787. }
  1788.  
  1789.  
  1790.  
  1791.  
  1792. }
  1793. },
  1794.  
  1795.  
  1796. getActionBoxRelationFromDOM: function(elm) {
  1797.  
  1798. //assume action boxes are mutually exclusive
  1799.  
  1800. for (let vpid in $hs.actionBoxRelations) {
  1801. const actionBoxRelation = $hs.actionBoxRelations[vpid];
  1802. const actionBox = actionBoxRelation.actionBox
  1803. //console.log('ab', actionBox)
  1804. if (actionBox && actionBox.parentNode) {
  1805. if (elm == actionBox || actionBox.contains(elm)) {
  1806. return actionBoxRelation;
  1807. }
  1808. }
  1809. }
  1810.  
  1811.  
  1812. return null;
  1813.  
  1814. },
  1815.  
  1816.  
  1817.  
  1818. _actionBoxObtain: function(player) {
  1819.  
  1820. if (!player || !player.parentNode) return null;
  1821. let vpid = player.getAttribute('_h5ppid');
  1822. if (!vpid) return null;
  1823.  
  1824. let actionBoxRelation = $hs.actionBoxRelations[vpid],
  1825. layoutBox = null,
  1826. actionBox = null,
  1827. boxSearchResult = null,
  1828. fullscreenBtns = null,
  1829. wPlayer = null;
  1830.  
  1831. function a() {
  1832. let wPlayerr= $hs.getPlayerBlockElement(player);
  1833. wPlayer = wPlayerr.wPlayer;
  1834. layoutBox = wPlayer.parentNode;
  1835. boxSearchResult = $hs.getActionBlockElement(player, layoutBox);
  1836. actionBox = boxSearchResult.actionBox
  1837. fullscreenBtns = boxSearchResult.fullscreenBtns
  1838. }
  1839.  
  1840. function setDOM_mflag(startElm, endElm, vpid) {
  1841. if (!startElm || !endElm) return;
  1842. if (startElm == endElm) startElm.setAttribute('_h5p_mf_', vpid)
  1843. else if (endElm.contains(startElm)) {
  1844.  
  1845. let p = startElm
  1846. while (p) {
  1847. p.setAttribute('_h5p_mf_', vpid)
  1848. if (p == endElm) break;
  1849. p = p.parentNode
  1850. }
  1851.  
  1852. }
  1853. }
  1854.  
  1855. function b(domNodes) {
  1856.  
  1857. actionBox.setAttribute('_h5p_actionbox_', vpid);
  1858. if (!$hs.actionBoxMutationObserver) $hs.actionBoxMutationObserver = new MutationObserver($hs.actionBoxMutationCallback);
  1859.  
  1860. // console.log('Major Mutation on Player Container')
  1861. const actionRelation = {
  1862. player: player,
  1863. wPlayer: wPlayer,
  1864. layoutBox: layoutBox,
  1865. actionBox: actionBox,
  1866. mutationRemovalsCount: 0,
  1867. mutationAdditionsCount: 0,
  1868. fullscreenBtns: fullscreenBtns,
  1869. pContainer: domNodes[domNodes.length - 1], // the block Element as the entire player (including control btns) having size>=video
  1870. ppContainer: domNodes[domNodes.length - 1].parentNode, // reference to the webpage
  1871. }
  1872.  
  1873.  
  1874. const pContainer = actionRelation.pContainer;
  1875. setDOM_mflag(player, pContainer, vpid)
  1876. for (const btn of fullscreenBtns) setDOM_mflag(btn, pContainer, vpid)
  1877. setDOM_mflag = null;
  1878.  
  1879. $hs.actionBoxRelations[vpid] = actionRelation
  1880.  
  1881.  
  1882. //console.log('mutt0',pContainer)
  1883. $hs.actionBoxMutationObserver.observe(pContainer, {
  1884. childList: true,
  1885. subtree: true
  1886. });
  1887. }
  1888.  
  1889. if (actionBoxRelation) {
  1890. //console.log('ddx', actionBoxRelation.mutationCount)
  1891. if (actionBoxRelation.pContainer && actionBoxRelation.pContainer.parentNode && actionBoxRelation.pContainer.parentNode === actionBoxRelation.ppContainer) {
  1892.  
  1893. if (actionBoxRelation.fullscreenBtns && actionBoxRelation.fullscreenBtns.length > 0) {
  1894.  
  1895. if (actionBoxRelation.mutationRemovalsCount === 0 && actionBoxRelation.mutationAdditionsCount === 0) return actionBoxRelation.actionBox
  1896.  
  1897. // if (actionBoxRelation.mutationCount === 0 && actionBoxRelation.fullscreenBtns.every(btn=>actionBoxRelation.actionBox.contains(btn))) return actionBoxRelation.actionBox
  1898. //console.log('Minor Mutation on Player Container', actionBoxRelation ? actionBoxRelation.mutationRemovalsCount : null, actionBoxRelation ? actionBoxRelation.mutationAdditionsCount : null)
  1899. a();
  1900. //console.log(3535,fullscreenBtns.length)
  1901. if (actionBox == actionBoxRelation.actionBox && layoutBox == actionBoxRelation.layoutBox && wPlayer == actionBoxRelation.wPlayer) {
  1902. //pContainer remains the same as actionBox and layoutBox remain unchanged
  1903. actionBoxRelation.ppContainer = actionBoxRelation.pContainer.parentNode; //just update the reference
  1904. if (actionBoxRelation.ppContainer) { //in case removed from DOM
  1905. actionBoxRelation.mutationRemovalsCount = 0;
  1906. actionBoxRelation.mutationAdditionsCount = 0;
  1907. actionBoxRelation.fullscreenBtns = fullscreenBtns;
  1908. return actionBox;
  1909. }
  1910. }
  1911.  
  1912. }
  1913.  
  1914. }
  1915.  
  1916. const elms = (getRoot(actionBoxRelation.pContainer) || document).querySelectorAll(`[_h5p_mf_="${vpid}"]`)
  1917. for (const elm of elms) elm.removeAttribute('_h5p_mf_')
  1918. actionBoxRelation.pContainer.removeAttribute('_h5p_mf_')
  1919. for (var k in actionBoxRelation) delete actionBoxRelation[k]
  1920. actionBoxRelation = null;
  1921. delete $hs.actionBoxRelations[vpid]
  1922. }
  1923.  
  1924. if (boxSearchResult == null) a();
  1925. a = null;
  1926. if (actionBox) {
  1927. const domNodes = [];
  1928. let pElm = player;
  1929. let containing = 0;
  1930. while (pElm) {
  1931. domNodes.push(pElm);
  1932. if (pElm === actionBox) containing |= 1;
  1933. if (pElm === layoutBox) containing |= 2;
  1934. if (containing === 3) {
  1935. b(domNodes);
  1936. b = null;
  1937. return actionBox
  1938. }
  1939. pElm = pElm.parentNode;
  1940. }
  1941. }
  1942.  
  1943. return null;
  1944.  
  1945.  
  1946. // if (!actionBox.hasAttribute('tabindex')) actionBox.setAttribute('tabindex', '-1');
  1947.  
  1948.  
  1949.  
  1950.  
  1951. },
  1952.  
  1953. videoSrcFound: function(player) {
  1954.  
  1955. // src loaded
  1956.  
  1957. if (!player || !player.parentNode) return;
  1958. let vpid = player.getAttribute('_h5ppid') || null;
  1959. if (!vpid || !player.currentSrc) return;
  1960.  
  1961. player._isThisPausedBefore_ = false;
  1962.  
  1963. player.removeAttribute('_h5p_uid_encrypted');
  1964.  
  1965. if (player._record_continuous) player._record_continuous._lastSave = -999; //first time must save
  1966.  
  1967. let uid_A = location.pathname.replace(/[^\d+]/g, '') + '.' + location.search.replace(/[^\d+]/g, '');
  1968. let _uid = location.hostname.replace('www.', '').toLowerCase() + '!' + location.pathname.toLowerCase() + 'A' + uid_A + 'W' + player.videoWidth + 'H' + player.videoHeight + 'L' + (player.duration << 0);
  1969.  
  1970. digestMessage(_uid).then(function(_uid_encrypted) {
  1971.  
  1972. let d = +new Date;
  1973.  
  1974. let recordedTime = null;
  1975.  
  1976. ;
  1977. (function() {
  1978. //read the last record only;
  1979.  
  1980. let k3 = `_h5_player_play_progress_${_uid_encrypted}`;
  1981. let k3n = `_play_progress_${_uid_encrypted}`;
  1982. let m2 = Store._keys().filter(key => key.substr(0, k3.length) == k3); //all progress records for this video
  1983. let m2v = m2.map(keyName => +(keyName.split('+')[1] || '0'))
  1984. let m2vMax = Math.max(0, ...m2v)
  1985. if (!m2vMax) recordedTime = null;
  1986. else {
  1987. let _json_recordedTime = null;
  1988. _json_recordedTime = Store.read(k3n + '+' + m2vMax);
  1989. if (!_json_recordedTime) _json_recordedTime = {};
  1990. else _json_recordedTime = jsonParse(_json_recordedTime);
  1991. if (typeof _json_recordedTime == 'object') recordedTime = _json_recordedTime;
  1992. else recordedTime = null;
  1993. recordedTime = typeof recordedTime == 'object' ? recordedTime.t : recordedTime;
  1994. if (typeof recordedTime == 'number' && (+recordedTime >= 0 || +recordedTime <= 0)) {
  1995.  
  1996. } else if (typeof recordedTime == 'string' && recordedTime.length > 0 && (+recordedTime >= 0 || +recordedTime <= 0)) {
  1997. recordedTime = +recordedTime
  1998. } else {
  1999. recordedTime = null
  2000. }
  2001. }
  2002. if (recordedTime !== null) {
  2003. player._h5player_lastrecord_ = recordedTime;
  2004. } else {
  2005. player._h5player_lastrecord_ = null;
  2006. }
  2007. if (player._h5player_lastrecord_ > 5) {
  2008. consoleLog('last record playing', player._h5player_lastrecord_);
  2009. window.setTimeout(function() {
  2010. $hs._tips(player, `Press Shift-R to restore Last Playback: ${$hs.toolFormatCT(player._h5player_lastrecord_)}`, 5000, 4000)
  2011. }, 1000)
  2012. }
  2013.  
  2014. })();
  2015. // delay the recording by 5.4s => prevent ads or mis operation
  2016. window.setTimeout(function() {
  2017.  
  2018.  
  2019.  
  2020. let k1 = '_h5_player_play_progress_';
  2021. let k3 = `_h5_player_play_progress_${_uid_encrypted}`;
  2022. let k3n = `_play_progress_${_uid_encrypted}`;
  2023.  
  2024. //re-read all the localStorage keys
  2025. let m1 = Store._keys().filter(key => key.substr(0, k1.length) == k1); //all progress records in this site
  2026. let p = m1.length + 1;
  2027.  
  2028. for (const key of m1) { //all progress records for this video
  2029. if (key.substr(0, k3.length) == k3) {
  2030. Store._removeItem(key); //remove previous record for the current video
  2031. p--;
  2032. }
  2033. }
  2034.  
  2035. let asyncPromise = Promise.resolve();
  2036.  
  2037. if (recordedTime !== null) {
  2038. asyncPromise = asyncPromise.then(() => {
  2039. Store.save(k3n + '+' + d, jsonStringify({
  2040. 't': recordedTime
  2041. })) //prevent loss of last record
  2042. })
  2043. }
  2044.  
  2045. const _record_max_ = 48;
  2046. const _record_keep_ = 26;
  2047.  
  2048. if (p > _record_max_) {
  2049. //exisiting 48 records for one site;
  2050. //keep only 26 records
  2051.  
  2052. asyncPromise = asyncPromise.then(() => {
  2053. const comparator = (a, b) => (a.t < b.t ? -1 : a.t > b.t ? 1 : 0);
  2054.  
  2055. m1
  2056. .map(keyName => ({
  2057. keyName,
  2058. t: +(keyName.split('+')[1] || '0')
  2059. }))
  2060. .sort(comparator)
  2061. .slice(0, -_record_keep_)
  2062. .forEach((item) => localStorage.removeItem(item.keyName));
  2063.  
  2064. consoleLog(`stored progress: reduced to ${_record_keep_}`)
  2065. })
  2066. }
  2067.  
  2068. asyncPromise = asyncPromise.then(() => {
  2069. player.setAttribute('_h5p_uid_encrypted', _uid_encrypted + '+' + d);
  2070.  
  2071. //try to start recording
  2072. if (player._record_continuous) player._record_continuous.playingWithRecording();
  2073. })
  2074.  
  2075. }, 5400);
  2076.  
  2077. })
  2078.  
  2079. },
  2080. bindDocEvents: function(rootNode) {
  2081. if (!rootNode._onceBindedDocEvents) {
  2082.  
  2083. rootNode._onceBindedDocEvents = true;
  2084. rootNode.addEventListener('keydown', $hs.handlerRootKeyDownEvent, true)
  2085. //document._debug_rootNode_ = rootNode;
  2086.  
  2087. rootNode.addEventListener('mouseenter', $hs.handlerElementMouseEnter, true)
  2088. rootNode.addEventListener('mouseleave', $hs.handlerElementMouseLeave, true)
  2089. rootNode.addEventListener('mousedown', $hs.handlerElementMouseDown, true)
  2090. rootNode.addEventListener('mouseup', $hs.handlerElementMouseUp, true)
  2091. rootNode.addEventListener('wheel', $hs.handlerElementWheelTuneVolume, {
  2092. passive: false
  2093. });
  2094.  
  2095. // wheel - bubble events to keep it simple (i.e. it must be passive:false & capture:false)
  2096.  
  2097.  
  2098. rootNode.addEventListener('focus', $hs.handlerElementFocus, $mb.eh_capture_passive())
  2099. rootNode.addEventListener('fullscreenchange', $hs.handlerFullscreenChanged, true)
  2100.  
  2101. //rootNode.addEventListener('mousemove', $hs.handlerOverrideMouseMove, {capture:true, passive:false})
  2102.  
  2103. }
  2104. },
  2105. fireGlobalInit: function() {
  2106. if ($hs.intVideoInitCount != 1) return;
  2107. if (!$hs.varSrcList) $hs.varSrcList = {};
  2108.  
  2109. Store.clearInvalid(_sVersion_)
  2110.  
  2111.  
  2112. Promise.resolve().then(() => {
  2113.  
  2114. GM_addStyle(`
  2115. .ytp-chrome-bottom+span#volumeUI:last-child:empty{
  2116. display:none;
  2117. }
  2118. html[_h5p_hide_cursor]{
  2119. cursor:none !important;
  2120. }
  2121. `)
  2122. })
  2123.  
  2124. },
  2125. getPlaybackRate: function() {
  2126. let playbackRate = Store.read('_playback_rate_');
  2127. if(+playbackRate>0) return +((+playbackRate).toFixed(1));
  2128. return 1.0;
  2129. },
  2130.  
  2131. _getPlayerBlockElement:function(player){
  2132.  
  2133.  
  2134. let layoutBox = null,
  2135. wPlayer = null, wPlayerInner=null;
  2136.  
  2137. if (!player || !player.parentNode) {
  2138. return null;
  2139. }
  2140.  
  2141. /*
  2142. if (useCache === true) {
  2143. let vpid = player.getAttribute('_h5ppid');
  2144. let actionBoxRelation = $hs.actionBoxRelations[vpid]
  2145. if (actionBoxRelation && actionBoxRelation.mutationRemovalsCount === 0) {
  2146. return actionBoxRelation.wPlayer
  2147. }
  2148. }*/
  2149.  
  2150.  
  2151. //without checkActiveBox, just a DOM for you to append tipsDom
  2152.  
  2153. function oWH(elm) {
  2154. return [elm.offsetWidth, elm.offsetHeight].join(',');
  2155. }
  2156.  
  2157. function search_nodes() {
  2158.  
  2159. wPlayer = player; // NOT NULL
  2160. layoutBox = wPlayer.parentNode; // NOT NULL
  2161.  
  2162. while (layoutBox.parentNode && layoutBox.nodeType == 1 && layoutBox.offsetHeight == 0) {
  2163. wPlayer = layoutBox; // NOT NULL
  2164. layoutBox = layoutBox.parentNode; // NOT NULL
  2165. }
  2166. //container must be with offsetHeight
  2167.  
  2168. while (layoutBox.parentNode && layoutBox.nodeType == 1 && layoutBox.offsetHeight < player.offsetHeight) {
  2169. wPlayer = layoutBox; // NOT NULL
  2170. layoutBox = layoutBox.parentNode; // NOT NULL
  2171. }
  2172. //container must have height >= player height
  2173.  
  2174. wPlayerInner=wPlayer
  2175.  
  2176. const layoutOWH = oWH(layoutBox)
  2177. //const playerOWH=oWH(player)
  2178.  
  2179. //skip all inner wraps
  2180. while (layoutBox.parentNode && layoutBox.nodeType == 1 && oWH(layoutBox.parentNode) == layoutOWH) {
  2181. wPlayer = layoutBox; // NOT NULL
  2182. layoutBox = layoutBox.parentNode; // NOT NULL
  2183. }
  2184.  
  2185. // oWH of layoutBox.parentNode != oWH of layoutBox and layoutBox.offsetHeight >= player.offsetHeight
  2186.  
  2187. }
  2188.  
  2189. search_nodes();
  2190.  
  2191. if (layoutBox.nodeType == 11) {
  2192. makeNoRoot(layoutBox);
  2193. search_nodes();
  2194. }
  2195.  
  2196.  
  2197.  
  2198. //condition:
  2199. //!layoutBox.parentNode || layoutBox.nodeType != 1 || layoutBox.offsetHeight > player.offsetHeight
  2200.  
  2201. // layoutBox is a node contains <video> and offsetHeight>=video.offsetHeight
  2202. // wPlayer is a HTML Element (nodeType==1)
  2203. // you can insert the DOM element into the layoutBox
  2204.  
  2205. if (layoutBox && wPlayer && layoutBox.nodeType === 1 && wPlayer.parentNode == layoutBox && layoutBox.parentNode){
  2206. let p={wPlayerInner,wPlayer};
  2207. return p;
  2208. }
  2209. throw 'unknown error';
  2210. },
  2211.  
  2212. parentingN:function(elm, parent, n){
  2213.  
  2214. if(!elm || !parent) return false;
  2215. let pElm=elm;
  2216. for(let i =0;i<n && pElm;i++) pElm=pElm.parentNode;
  2217. return (pElm===parent);
  2218.  
  2219.  
  2220.  
  2221. },
  2222.  
  2223. parentingInclusive:function(elm, parent){
  2224.  
  2225.  
  2226. let pElm=elm, arr=[];
  2227. while(pElm){
  2228. arr.push(pElm);
  2229. if(pElm===parent)break;
  2230. pElm=pElm.parentNode;
  2231. }
  2232. if(pElm===parent) return arr;
  2233. return null;
  2234.  
  2235. },
  2236. __layout_resize_observer_callback__:(entries, observer)=>{
  2237. const player = observer.player;
  2238. player._cache_wPlayerr=null;
  2239. for(const {target} of entries){
  2240. if('__to_player_n__' in target && target.__to_player_n__>=0){
  2241. if(!$hs.parentingN(player, target, target.__to_player_n__)) observer.unobserve(target)
  2242. }else{
  2243. observer.unobserve(target)
  2244. }
  2245. }
  2246. },
  2247. getPlayerBlockElement: function(player) {
  2248.  
  2249. if (!player || !player.parentNode) {
  2250. return null;
  2251. }
  2252. if(!player.__layout_resize_observer__){
  2253.  
  2254. let wPlayerr = $hs._getPlayerBlockElement(player)
  2255. let {wPlayerInner,wPlayer}=wPlayerr
  2256. let layoutBox = wPlayer.parentNode
  2257.  
  2258. player.__layout_resize_observer__=new ResizeObserver($hs.__layout_resize_observer_callback__)
  2259. player.__layout_resize_observer__.player=player;
  2260.  
  2261. let kh= $hs.parentingInclusive(player, layoutBox);
  2262. if(kh){
  2263.  
  2264. for(const elm of kh) player.__layout_resize_observer__.observe(elm)
  2265. player.__layout_resize_n__=kh.length
  2266.  
  2267. }else{
  2268. player.__layout_resize_n__=0
  2269. }
  2270.  
  2271. player._cache_wPlayerr=wPlayerr;
  2272. return player._cache_wPlayerr;
  2273. }
  2274.  
  2275.  
  2276. if(player._cache_wPlayerr && player.__layout_resize_n__>0) {
  2277. let kt=$hs.parentingN(player, player._cache_wPlayerr.wPlayer.parentNode, player.__layout_resize_n__-1);
  2278. if(kt) return player._cache_wPlayerr;
  2279. }
  2280.  
  2281. let wPlayerr=$hs._getPlayerBlockElement(player);
  2282.  
  2283. let {wPlayerInner,wPlayer} = wPlayerr
  2284. let layoutBox = wPlayer.parentNode
  2285.  
  2286. let kh= $hs.parentingInclusive(player, layoutBox);
  2287.  
  2288. if(kh){
  2289.  
  2290. let wi=0;
  2291. for(const elm of kh) {
  2292. elm.__to_player_n__=wi;
  2293. player.__layout_resize_observer__.observe(elm)
  2294. wi++;
  2295. }
  2296. player.__layout_resize_n__=kh.length
  2297. }else{
  2298. player.__layout_resize_n__=0
  2299. }
  2300. player._cache_wPlayerr=wPlayerr
  2301. return player._cache_wPlayerr;
  2302.  
  2303. },
  2304. change_layoutBox: function(tipsDom, player) {
  2305. if (!player || !player.parentNode) return;
  2306. let {wPlayerInner,wPlayer} = $hs.getPlayerBlockElement(player);
  2307. let layoutBoxInner = wPlayerInner.parentNode;
  2308. let beforeParent = tipsDom.parentNode;
  2309.  
  2310. if ((layoutBoxInner && layoutBoxInner.nodeType == 1) && (!beforeParent || beforeParent !== layoutBoxInner)) {
  2311.  
  2312. consoleLog('changed_layoutBox')
  2313. if (beforeParent && beforeParent !== layoutBoxInner){
  2314. if($hs.observer_resizeVideos) $hs.observer_resizeVideos.unobserve(beforeParent)
  2315. if(tipsDom.nextSibling && tipsDom.nextSibling.nodeName==utPositioner) beforeParent.removeChild(tipsDom.nextSibling);
  2316. }
  2317. layoutBoxInner.insertBefore(tipsDom, wPlayerInner);
  2318.  
  2319. }
  2320.  
  2321. tipsDom._playerVPID = player.getAttribute('_h5ppid');
  2322. },
  2323.  
  2324. _hasEventListener: function(elm, p) {
  2325. if (typeof elm['on' + p] == 'function') return true;
  2326. let listeners = $hs._getEventListeners(elm)
  2327. if (listeners) {
  2328. const cache = listeners[p]
  2329. return cache && cache.count > 0
  2330. }
  2331. return false;
  2332. },
  2333.  
  2334. _getEventListeners: function(elmNode) {
  2335.  
  2336.  
  2337. let listeners = wmListeners.get(elmNode);
  2338.  
  2339. if (listeners && typeof listeners == 'object') return listeners;
  2340.  
  2341. return null;
  2342.  
  2343. },
  2344.  
  2345. queryFullscreenBtnsIndependant: function(parentNode) {
  2346.  
  2347. let btns = [];
  2348.  
  2349. function elmCallback(elm) {
  2350.  
  2351. let hasClickListeners = null,
  2352. childElementCount = null,
  2353. isVisible = null,
  2354. btnElm = elm;
  2355. var pElm = elm;
  2356. while (pElm && pElm.nodeType === 1 && pElm != parentNode && pElm.querySelector('video') === null) {
  2357.  
  2358. let funcTest = $hs._hasEventListener(pElm, 'click');
  2359. funcTest = funcTest || $hs._hasEventListener(pElm, 'mousedown');
  2360. funcTest = funcTest || $hs._hasEventListener(pElm, 'mouseup');
  2361.  
  2362. if (funcTest) {
  2363. hasClickListeners = true
  2364. btnElm = pElm;
  2365. break;
  2366. }
  2367.  
  2368. pElm = pElm.parentNode;
  2369. }
  2370. if (btns.indexOf(btnElm) >= 0) return; //btn>a.fullscreen-1>b.fullscreen-2>c.fullscreen-3
  2371.  
  2372.  
  2373. if ('childElementCount' in elm) {
  2374.  
  2375. childElementCount = elm.childElementCount;
  2376.  
  2377. }
  2378. if ('offsetParent' in elm) {
  2379. isVisible = !!elm.offsetParent; //works with parent/self display none; not work with visiblity hidden / opacity0
  2380.  
  2381. }
  2382.  
  2383. if (hasClickListeners) {
  2384. let btn = {
  2385. elm,
  2386. btnElm,
  2387. isVisible,
  2388. hasClickListeners,
  2389. childElementCount,
  2390. isContained: null
  2391. };
  2392.  
  2393. //console.log('btnElm', btnElm)
  2394.  
  2395. btns.push(btnElm)
  2396.  
  2397. }
  2398. }
  2399.  
  2400.  
  2401. for (const elm of parentNode.querySelectorAll('[class*="full"][class*="screen"]')) {
  2402. let className = (elm.getAttribute('class') || "");
  2403. if (/\b(fullscreen|full-screen)\b/i.test(className.replace(/([A-Z][a-z]+)/g, '-$1-').replace(/[\_\-]+/g, '-'))) {
  2404. elmCallback(elm)
  2405. }
  2406. }
  2407.  
  2408.  
  2409. for (const elm of parentNode.querySelectorAll('[id*="full"][id*="screen"]')) {
  2410. let idName = (elm.getAttribute('id') || "");
  2411. if (/\b(fullscreen|full-screen)\b/i.test(idName.replace(/([A-Z][a-z]+)/g, '-$1-').replace(/[\_\-]+/g, '-'))) {
  2412. elmCallback(elm)
  2413. }
  2414. }
  2415.  
  2416. for (const elm of parentNode.querySelectorAll('[name*="full"][name*="screen"]')) {
  2417. let nName = (elm.getAttribute('name') || "");
  2418. if (/\b(fullscreen|full-screen)\b/i.test(nName.replace(/([A-Z][a-z]+)/g, '-$1-').replace(/[\_\-]+/g, '-'))) {
  2419. elmCallback(elm)
  2420. }
  2421. }
  2422.  
  2423. parentNode = null;
  2424.  
  2425. return btns;
  2426.  
  2427. },
  2428. exclusiveElements: function(elms) {
  2429.  
  2430. //not containing others
  2431. let res = [];
  2432.  
  2433. for (const roleElm of elms) {
  2434.  
  2435. let isContained = false;
  2436. for (const testElm of elms) {
  2437. if (testElm != roleElm && roleElm.contains(testElm)) {
  2438. isContained = true;
  2439. break;
  2440. }
  2441. }
  2442. if (!isContained) res.push(roleElm)
  2443. }
  2444. return res;
  2445.  
  2446. },
  2447.  
  2448. getWithFullscreenBtn: function(actionBoxRelation) {
  2449.  
  2450.  
  2451.  
  2452. //console.log('callFullScreenBtn', 300)
  2453.  
  2454. if (actionBoxRelation && actionBoxRelation.actionBox) {
  2455. let actionBox = actionBoxRelation.actionBox;
  2456. let btnElements = actionBoxRelation.fullscreenBtns;
  2457.  
  2458. // console.log('callFullScreenBtn', 400)
  2459. if (btnElements && btnElements.length > 0) {
  2460.  
  2461. // console.log('callFullScreenBtn', 500, btnElements, actionBox.contains(btnElements[0]))
  2462.  
  2463. let btnElement_idx = btnElements._only_idx;
  2464.  
  2465. if (btnElement_idx >= 0) {
  2466.  
  2467. } else if (btnElements.length === 1) {
  2468. btnElement_idx = 0;
  2469. } else if (btnElements.length > 1) {
  2470. //web-fullscreen-on/off ; fullscreen-on/off ....
  2471.  
  2472. const strList = btnElements.map(elm => [elm.className || 'null', elm.id || 'null', elm.name || 'null'].join('-').replace(/([A-Z][a-z]+)/g, '-$1-').replace(/[\_\-]+/g, '-'))
  2473.  
  2474. const filterOutScores = new Array(strList.length).fill(0);
  2475. const filterInScores = new Array(strList.length).fill(0);
  2476. const filterScores = new Array(strList.length).fill(0);
  2477. for (const [j, str] of strList.entries()) {
  2478. if (/\b(fullscreen|full-screen)\b/i.test(str)) filterInScores[j] += 1
  2479. if (/\b(web-fullscreen|web-full-screen)\b/i.test(str)) filterOutScores[j] += 1
  2480. if (/\b(fullscreen-on|full-screen-on)\b/i.test(str)) filterInScores[j] += 1
  2481. if (/\b(fullscreen-off|full-screen-off)\b/i.test(str)) filterOutScores[j] += 1
  2482. if (/\b(on-fullscreen|on-full-screen)\b/i.test(str)) filterInScores[j] += 1
  2483. if (/\b(off-fullscreen|off-full-screen)\b/i.test(str)) filterOutScores[j] += 1
  2484. }
  2485.  
  2486. let maxScore = -1e7;
  2487. for (const [j, str] of strList.entries()) {
  2488. filterScores[j] = filterInScores[j] * 3 - filterOutScores[j] * 2
  2489. if (filterScores[j] > maxScore) maxScore = filterScores[j];
  2490. }
  2491. btnElement_idx = filterScores.indexOf(maxScore)
  2492. if (btnElement_idx < 0) btnElement_idx = 0; //unknown
  2493. }
  2494.  
  2495. btnElements._only_idx = btnElement_idx
  2496.  
  2497.  
  2498. //consoleLog('original fullscreen')
  2499. return btnElements[btnElement_idx];
  2500.  
  2501. }
  2502.  
  2503.  
  2504. }
  2505. return null
  2506. },
  2507.  
  2508. callFullScreenBtn: function() {
  2509. console.log('callFullScreenBtn')
  2510.  
  2511.  
  2512.  
  2513. let player = $hs.player()
  2514. if (!player || !player.parentNode || !player.ownerDocument || !('exitFullscreen' in player.ownerDocument)) return;
  2515.  
  2516. let btnElement = null;
  2517.  
  2518. let vpid = player.getAttribute('_h5ppid') || null;
  2519.  
  2520. if (!vpid) return;
  2521.  
  2522.  
  2523. const chFull = $hs.toolCheckFullScreen(player.ownerDocument);
  2524.  
  2525.  
  2526.  
  2527. if (chFull === true) {
  2528. player.ownerDocument.exitFullscreen();
  2529. return;
  2530. }
  2531.  
  2532. let actionBoxRelation = $hs.actionBoxRelations[vpid];
  2533.  
  2534.  
  2535. let asyncRes = Promise.resolve(actionBoxRelation)
  2536. if (chFull === false) asyncRes = asyncRes.then($hs.getWithFullscreenBtn);
  2537. else asyncRes = asyncRes.then(() => null)
  2538.  
  2539. asyncRes.then((btnElement) => {
  2540.  
  2541. if (btnElement) {
  2542.  
  2543. window.requestAnimationFrame(() => btnElement.click());
  2544. player = null;
  2545. actionBoxRelation = null;
  2546. return;
  2547. }
  2548.  
  2549. let fsElm = getRoot(player).querySelector(`[_h5p_fsElm_="${vpid}"]`); //it is set in fullscreenchange
  2550.  
  2551. let gPlayer = fsElm
  2552.  
  2553. if (gPlayer) {
  2554.  
  2555. } else if (actionBoxRelation && actionBoxRelation.actionBox) {
  2556. gPlayer = actionBoxRelation.actionBox;
  2557. } else if (actionBoxRelation && actionBoxRelation.layoutBox) {
  2558. gPlayer = actionBoxRelation.layoutBox;
  2559. } else {
  2560. gPlayer = player;
  2561. }
  2562.  
  2563.  
  2564. player = null;
  2565. actionBoxRelation = null;
  2566.  
  2567. if (gPlayer != fsElm && !fsElm) {
  2568. delayCall('$$videoReset_fsElm', function() {
  2569. gPlayer.removeAttribute('_h5p_fsElm_')
  2570. }, 500)
  2571. }
  2572.  
  2573. console.log('DOM fullscreen', gPlayer)
  2574. try {
  2575. const res = gPlayer.requestFullscreen()
  2576. if (res && res.constructor.name == "Promise") res.catch((e) => 0)
  2577. } catch (e) {
  2578. console.log('DOM fullscreen Error', e)
  2579. }
  2580.  
  2581.  
  2582.  
  2583.  
  2584. })
  2585.  
  2586.  
  2587.  
  2588.  
  2589. },
  2590. /* 設置播放速度 */
  2591. setPlaybackRate: function(num, flagTips) {
  2592. let player = $hs.player()
  2593. let curPlaybackRate
  2594. if (num) {
  2595. num = +num
  2596. if (num > 0) { // also checking the type of variable
  2597. curPlaybackRate = num < 0.1 ? 0.1 : +(num.toFixed(1))
  2598. } else {
  2599. console.error('h5player: 播放速度轉換出錯')
  2600. return false
  2601. }
  2602. } else {
  2603. curPlaybackRate = $hs.getPlaybackRate()
  2604. }
  2605. /* 記錄播放速度的信息 */
  2606.  
  2607. let changed = curPlaybackRate !== player.playbackRate;
  2608.  
  2609. if (curPlaybackRate !== player.playbackRate) {
  2610.  
  2611. Store.save('_playback_rate_', curPlaybackRate + '')
  2612. player.playbackRate = curPlaybackRate
  2613. /* 本身處於1被播放速度的時候不再提示 */
  2614. //if (!num && curPlaybackRate === 1) return;
  2615.  
  2616. }
  2617.  
  2618. flagTips = (flagTips < 0) ? false : (flagTips > 0) ? true : changed;
  2619. if (flagTips) $hs.tips('Playback speed: ' + player.playbackRate + 'x')
  2620. },
  2621. tuneCurrentTimeTips: function(_amount, changed) {
  2622.  
  2623. $hs.tips(false);
  2624. if (changed) {
  2625. if (_amount > 0) $hs.tips(_amount + ' Sec. Forward', undefined, 3000);
  2626. else $hs.tips(-_amount + ' Sec. Backward', undefined, 3000)
  2627. }
  2628. },
  2629. tuneCurrentTime: function(amount) {
  2630. let _amount = +(+amount).toFixed(1);
  2631. let player = $hs.player();
  2632. if (_amount >= 0 || _amount < 0) {} else {
  2633. return;
  2634. }
  2635.  
  2636. let newCurrentTime = player.currentTime + _amount;
  2637. if (newCurrentTime < 0) newCurrentTime = 0;
  2638. if (newCurrentTime > player.duration) newCurrentTime = player.duration;
  2639.  
  2640. let changed = newCurrentTime != player.currentTime && newCurrentTime >= 0 && newCurrentTime <= player.duration;
  2641.  
  2642. if (changed) {
  2643. //player.currentTime = newCurrentTime;
  2644. //player.pause();
  2645.  
  2646.  
  2647. const video = player;
  2648. var isPlaying = video.currentTime > 0 && !video.paused && !video.ended && video.readyState > video.HAVE_CURRENT_DATA;
  2649.  
  2650. if (isPlaying) {
  2651. player.pause();
  2652. $hs.ccad = $hs.ccad || function() {
  2653. if (player.paused) player.play();
  2654. };
  2655. player.addEventListener('seeked', $hs.ccad, {
  2656. passive: true,
  2657. capture: true,
  2658. once: true
  2659. });
  2660.  
  2661. }
  2662.  
  2663.  
  2664.  
  2665.  
  2666. player.currentTime = +newCurrentTime.toFixed(0)
  2667.  
  2668. $hs.tuneCurrentTimeTips(_amount, changed)
  2669.  
  2670.  
  2671. }
  2672.  
  2673. },
  2674. tuneVolume: function(amount) {
  2675.  
  2676. let player = $hs.player()
  2677.  
  2678. let intAmount = Math.round(amount * 100)
  2679.  
  2680. let intOldVol = Math.round(player.volume * 100)
  2681. let intNewVol = intOldVol + intAmount
  2682.  
  2683.  
  2684. //0.53 -> 0.55
  2685.  
  2686. //0.53 / 0.05 =10.6 => 11 => 11*0.05 = 0.55
  2687.  
  2688. intNewVol = Math.round(intNewVol / intAmount) * intAmount
  2689. if (intAmount > 0 && intNewVol - intOldVol > intAmount) intNewVol -= intAmount;
  2690. else if (intAmount < 0 && intNewVol - intOldVol < intAmount) intNewVol -= intAmount;
  2691.  
  2692.  
  2693. let _amount = intAmount / 100;
  2694. let oldVol = intOldVol / 100;
  2695. let newVol = intNewVol / 100;
  2696.  
  2697.  
  2698. if (newVol < 0) newVol = 0;
  2699. if (newVol > 1) newVol = 1;
  2700. let chVol = oldVol !== newVol && newVol >= 0 && newVol <= 1;
  2701.  
  2702. if (chVol) {
  2703.  
  2704. if (_amount > 0 && oldVol < 1) {
  2705. player.volume = newVol // positive
  2706. } else if (_amount < 0 && oldVol > 0) {
  2707. player.volume = newVol // negative
  2708. }
  2709. $hs.tips(false);
  2710. $hs.tips('Volume: ' + dround(player.volume * 100) + '%', undefined)
  2711. }
  2712. },
  2713. switchPlayStatus: function() {
  2714. let player = $hs.player()
  2715. if (player.paused) {
  2716. player.play()
  2717. if (player._isThisPausedBefore_) {
  2718. $hs.tips(false);
  2719. $hs.tips('Playback resumed', undefined, 2500)
  2720. }
  2721. } else {
  2722. player.pause()
  2723. $hs.tips(false);
  2724. $hs.tips('Playback paused', undefined, 2500)
  2725. }
  2726. },
  2727. tipsDomObserve: (tipsDom, player) => {
  2728.  
  2729. //observe not fire twice for the same element.
  2730. if (!$hs.observer_resizeVideos) $hs.observer_resizeVideos = new ResizeObserver(hanlderResizeVideo)
  2731. $hs.observer_resizeVideos.observe(tipsDom.parentNode)
  2732. $hs.observer_resizeVideos.observe(player)
  2733.  
  2734. $hs.fixNonBoxingVideoTipsPosition(tipsDom, player);
  2735.  
  2736.  
  2737. },
  2738. _tips: function(player, str, duration, order) {
  2739.  
  2740.  
  2741. if (!player || !player.parentNode) return;
  2742. let fSetDOM = false;
  2743.  
  2744. Promise.resolve().then(() => {
  2745.  
  2746.  
  2747. if (!player.getAttribute('_h5player_tips')){
  2748.  
  2749. // first time to trigger this player
  2750. if (!player.hasAttribute('playsinline')) player.setAttribute('playsinline', 'playsinline');
  2751. if (!player.hasAttribute('x-webkit-airplay')) player.setAttribute('x-webkit-airplay', 'deny');
  2752. if (!player.hasAttribute('preload')) player.setAttribute('preload', 'auto');
  2753. //player.style['image-rendering'] = 'crisp-edges';
  2754.  
  2755. $hs.initTips();
  2756. }
  2757.  
  2758. }).then(() => {
  2759.  
  2760. let tipsSelector = '#' + (player.getAttribute('_h5player_tips') || $hs.tipsClassName) //if this attribute still doesnt exist, set it to the base cls name
  2761. let tipsDom = getRoot(player).querySelector(tipsSelector)
  2762. if (!tipsDom) {
  2763. consoleLog('init h5player tips dom error...')
  2764. return false
  2765. }
  2766.  
  2767. return tipsDom
  2768.  
  2769. }).then((tipsDom) => {
  2770. if (tipsDom === false) return false;
  2771.  
  2772. if (str === false) {
  2773. if ((tipsDom.getAttribute('data-h5p-pot-tips') || '').length) {
  2774. tipsDom.setAttribute('data-h5p-pot-tips', '');
  2775. tipsDom._tips_display_none = true;
  2776. }
  2777. } else {
  2778. order = order || 1000
  2779. tipsDom.tipsOrder = tipsDom.tipsOrder || 0;
  2780.  
  2781. let shallDisplay = true
  2782. if (order < tipsDom.tipsOrder && tipsDom._tips_display_none == false) shallDisplay = false
  2783.  
  2784. if (shallDisplay) {
  2785.  
  2786. if (tipsDom._tips_display_none || tipsDom._playerVPID != player.getAttribute('_h5ppid')) {
  2787.  
  2788. $hs.change_layoutBox(tipsDom, player);
  2789. fSetDOM = true;
  2790.  
  2791. }
  2792.  
  2793. $hs.pendingTips = $hs.pendingTips || {};
  2794. $hs.pendingTips[tipsDom._playerVPID] = tipsDom
  2795.  
  2796. if (duration === undefined) duration = 2000
  2797.  
  2798.  
  2799. tipsDom.setAttribute('data-h5p-pot-tips', str);
  2800. tipsDom._tips_display_none = false;
  2801.  
  2802.  
  2803.  
  2804.  
  2805. const withFadeOut = duration > 0 && (player.paused || !($hs.mouseDownAt && $hs.mouseDownAt.insideVideo === player));
  2806.  
  2807.  
  2808. !(function(tipsDom, withFadeOut) {
  2809. const vpid = tipsDom._playerVPID
  2810. window.requestAnimationFrame(function() {
  2811. tipsDom.setAttribute('_h5p_animate', '0');
  2812. if (!withFadeOut) return;
  2813. window.requestAnimationFrame(function() {
  2814. const tipsDom = $hs.pendingTips ? $hs.pendingTips[vpid] : null;
  2815. if (!tipsDom) return;
  2816. tipsDom.setAttribute('_h5p_animate', '1');
  2817. delete $hs.pendingTips[vpid]
  2818.  
  2819. })
  2820. })
  2821. })(tipsDom, withFadeOut);
  2822.  
  2823.  
  2824.  
  2825. if (!(duration > 0)) {
  2826. order = -1;
  2827. }
  2828.  
  2829. tipsDom.tipsOrder = order
  2830.  
  2831.  
  2832.  
  2833. }
  2834.  
  2835. }
  2836.  
  2837. return tipsDom;
  2838.  
  2839. }).then((tipsDom) => {
  2840. if (tipsDom === false) return false;
  2841.  
  2842. if (fSetDOM) {
  2843. $hs.tipsDomObserve(tipsDom, player);
  2844.  
  2845. }
  2846.  
  2847. })
  2848.  
  2849. },
  2850. tips: function(str, duration, order) {
  2851. let player = $hs.player()
  2852. if (!player || !player.parentNode) {
  2853. consoleLog('h5Player Tips:', str)
  2854. } else {
  2855. $hs._tips(player, str, duration, order)
  2856.  
  2857. }
  2858.  
  2859. },
  2860. initTips: function() {
  2861. /* 設置提示DOM的樣式 */
  2862. let player = $hs.player()
  2863. let shadowRoot = getRoot(player);
  2864. let doc = player.ownerDocument;
  2865. //console.log((document.documentElement.qq=player),shadowRoot,'xax')
  2866. let parentNode = player.parentNode
  2867. let tcn = player.getAttribute('_h5player_tips') || ($hs.tipsClassName + '_' + (+new Date));
  2868. player.setAttribute('_h5player_tips', tcn)
  2869. if (shadowRoot.querySelector('#' + tcn)) return false;
  2870.  
  2871. if (!shadowRoot._onceAddedCSS) {
  2872. shadowRoot._onceAddedCSS = true;
  2873.  
  2874. let cssStyle = `
  2875. ${utPositioner}{
  2876. position:absolute !important;
  2877. top:auto !important;
  2878. left:auto !important;
  2879. right:auto !important;
  2880. bottom:auto !important;
  2881. width:0 !important;
  2882. height:0 !important;
  2883. margin:0 !important;
  2884. padding:0 !important;
  2885. border:0 !important;
  2886. outline:0 !important;
  2887. transform:none !important;
  2888. }
  2889. [data-h5p-pot-tips][_h5p_animate="1"]{
  2890. animation: 2s linear 0s normal forwards 1 delayHide;
  2891. }
  2892. [data-h5p-pot-tips][_h5p_animate="0"]{
  2893. opacity:.95; transform: translate(0px, 0px);
  2894. }
  2895.  
  2896. @keyframes delayHide{
  2897. 0%, 99% { opacity:0.95; transform: translate(0px, 0px); }
  2898. 100% { opacity:0; transform:translate(-9999px, -9999px); }
  2899. }
  2900. [data-h5p-pot-tips]{
  2901. font-weight: bold !important;
  2902. position:absolute !important;
  2903. top:auto !important;
  2904. left:auto !important;
  2905. right:auto !important;
  2906. bottom:auto !important;
  2907.  
  2908. display:inline-block;
  2909. z-index: 999 !important;
  2910. font-size: ${$hs.fontSize || 16}px !important;
  2911. padding: 0px !important;
  2912. border:none !important;
  2913. background: rgba(0,0,0,0) !important;
  2914. color:#738CE6 !important;
  2915. text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  2916. max-width:500px;max-height:50px;
  2917. border-radius:3px;
  2918. font-family: 'microsoft yahei', Verdana, Geneva, sans-serif;
  2919. pointer-events: none;
  2920. }
  2921. [data-h5p-pot-tips]::before{
  2922. content:attr(data-h5p-pot-tips);
  2923. display:inline-block;
  2924. position:relative;
  2925.  
  2926. }
  2927. body div[data-h5p-pot-tips]{
  2928. -webkit-user-select: none !important;
  2929. -moz-user-select: none !important;
  2930. -ms-user-select: none !important;
  2931. user-select: none !important;
  2932. -webkit-touch-callout: none !important;
  2933. -webkit-user-select: none !important;
  2934. -khtml-user-drag: none !important;
  2935. -khtml-user-select: none !important;
  2936. -moz-user-select: none !important;
  2937. -moz-user-select: -moz-none !important;
  2938. -ms-user-select: none !important;
  2939. user-select: none !important;
  2940. }
  2941. .ytp-chrome-bottom+span#volumeUI:last-child:empty{
  2942. display:none;
  2943. }
  2944. `.replace(/\r\n/g, '');
  2945.  
  2946.  
  2947. let cssContainer = domAppender(shadowRoot);
  2948.  
  2949.  
  2950. if (!cssContainer) {
  2951. cssContainer = makeNoRoot(shadowRoot)
  2952. }
  2953.  
  2954. domTool.addStyle(cssStyle, cssContainer);
  2955.  
  2956. }
  2957.  
  2958. let tipsDom = doc.createElement('div')
  2959.  
  2960. $hs.handler_tipsDom_animation = $hs.handler_tipsDom_animation || function(e) {
  2961. this._tips_display_none = true;
  2962. }
  2963.  
  2964. tipsDom.addEventListener(crossBrowserTransition('animation'), $hs.handler_tipsDom_animation, $mb.eh_bubble_passive())
  2965.  
  2966. tipsDom.id = tcn;
  2967. tipsDom.setAttribute('data-h5p-pot-tips', '');
  2968. tipsDom.setAttribute('_h5p_animate', '0');
  2969. tipsDom._tips_display_none = true;
  2970. $hs.change_layoutBox(tipsDom, player);
  2971.  
  2972. return true;
  2973. },
  2974.  
  2975.  
  2976. isNum:(d)=>(d>0||d<0||d===0),
  2977. fixNonBoxingVideoTipsPosition: function(tipsDom, player) {
  2978.  
  2979. if (!tipsDom || !player) return false;
  2980.  
  2981. let ct = tipsDom.parentNode
  2982.  
  2983. if (!ct) return false;
  2984.  
  2985. //return;
  2986. // absolute
  2987.  
  2988. let targetOffset = {
  2989. left: 10,
  2990. top: 15
  2991. };
  2992. if(!tipsDom.nextSibling||tipsDom.nextSibling.nodeName!=utPositioner){
  2993. tipsDom.parentNode.insertBefore(document.createElement(utPositioner),tipsDom.nextSibling);
  2994. }
  2995. let p = tipsDom.nextSibling.getBoundingClientRect();
  2996. let q = player.getBoundingClientRect();
  2997. let basePos = [+(p.left).toFixed(2), +(p.top).toFixed(2)];
  2998. let targetPos = [+(q.left + targetOffset.left).toFixed(2), +(q.top + targetOffset.top).toFixed(2)];
  2999.  
  3000. let tt=basePos.join(',')+','+targetPos.join(',')
  3001.  
  3002. if(tipsDom.__cache_dim__!=tt){
  3003. tipsDom.__cache_dim__=tt;
  3004.  
  3005.  
  3006. let y1 = targetPos[0]- basePos[0]
  3007.  
  3008. let y2 = targetPos[1]- basePos[1]
  3009.  
  3010. if($hs.isNum(y1) && $hs.isNum(y2)){
  3011. tipsDom.style.marginLeft = (y1) + 'px';
  3012. tipsDom.style.marginTop = (y2) + 'px';
  3013. return true;
  3014. }
  3015.  
  3016. }
  3017.  
  3018. tipsDom=null;
  3019. player=null;
  3020.  
  3021. },
  3022.  
  3023. playerTrigger: function(player, event) {
  3024.  
  3025.  
  3026.  
  3027. if (!player || !player.parentNode || !event) return
  3028. const pCode = event.code;
  3029. let keyAsm = (event.shiftKey ? SHIFT : 0) | ((event.ctrlKey || event.metaKey) ? CTRL : 0) | (event.altKey ? ALT : 0);
  3030.  
  3031.  
  3032. if (keyAsm == SHIFT && pCode == 'Backquote') {
  3033. $hs.enable = !$hs.enable;
  3034. $hs._tips(player, false);
  3035. if ($hs.enable) {
  3036. $hs._tips(player, '啟用h5Player插件')
  3037. } else {
  3038. $hs._tips(player, '禁用h5Player插件')
  3039. }
  3040. // 阻止事件冒泡
  3041. return TERMINATE
  3042. }
  3043. if (!$hs.enable) {
  3044. consoleLog('h5Player 已禁用~')
  3045. return false
  3046. }
  3047.  
  3048.  
  3049. if (!keyAsm && pCode == 'Enter') { //not NumberpadEnter
  3050.  
  3051. Promise.resolve(player).then((player) => {
  3052. $hs._actionBoxObtain(player);
  3053. }).then(() => {
  3054. $hs.callFullScreenBtn()
  3055. })
  3056.  
  3057. return TERMINATE
  3058. }
  3059.  
  3060.  
  3061.  
  3062. let vpid = player.getAttribute('_h5ppid') || null;
  3063. if (!vpid) return;
  3064. let playerConf = playerConfs[vpid]
  3065. if (!playerConf) return;
  3066.  
  3067. //shift + key
  3068. if (keyAsm == SHIFT) {
  3069. // 網頁FULLSCREEN
  3070. if (pCode === 'Enter') {
  3071. //$hs.callFullScreenBtn()
  3072. //return TERMINATE
  3073. } else if (pCode == 'KeyF') {
  3074. //change unsharpen filter
  3075.  
  3076. let resList = ["unsharpen3_05", "unsharpen3_10", "unsharpen5_05", "unsharpen5_10", "unsharpen9_05", "unsharpen9_10"]
  3077. let res = (prompt("Enter the unsharpen mask\n(" + resList.map(x => '"' + x + '"').join(', ') + ")", "unsharpen9_05") || "").toLowerCase();
  3078. if (resList.indexOf(res) < 0) res = ""
  3079. GM_setValue("unsharpen_mask", res)
  3080. for (const el of document.querySelectorAll('video[_h5p_uid_encrypted]')) {
  3081. if (el.style.filter == "" || el.style.filter) {
  3082. let filterStr1 = el.style.filter.replace(/\s*url\(\"#_h5p_unsharpen[\d\_]+\"\)/, '');
  3083. let filterStr2 = (res.length > 0 ? ' url("#_h5p_' + res + '")' : '')
  3084. el.style.filter = filterStr1 + filterStr2;
  3085. }
  3086. }
  3087. return TERMINATE
  3088.  
  3089. }
  3090. // 進入或退出畫中畫模式
  3091. else if (pCode == 'KeyP') {
  3092. $hs.pictureInPicture(player)
  3093.  
  3094. return TERMINATE
  3095. } else if (pCode == 'KeyR') {
  3096. if (player._h5player_lastrecord_ !== null && (player._h5player_lastrecord_ >= 0 || player._h5player_lastrecord_ <= 0)) {
  3097. $hs.setPlayProgress(player, player._h5player_lastrecord_)
  3098.  
  3099. return TERMINATE
  3100. }
  3101.  
  3102. } else if (pCode == 'KeyO') {
  3103. let _debug_h5p_logging_ch = false;
  3104. try {
  3105. Store._setItem('_h5_player_sLogging_', 1 - Store._getItem('_h5_player_sLogging_'))
  3106. _debug_h5p_logging_ = +Store._getItem('_h5_player_sLogging_') > 0;
  3107. _debug_h5p_logging_ch = true;
  3108. } catch (e) {
  3109.  
  3110. }
  3111. consoleLogF('_debug_h5p_logging_', !!_debug_h5p_logging_, 'changed', _debug_h5p_logging_ch)
  3112.  
  3113. if (_debug_h5p_logging_ch) {
  3114.  
  3115. return TERMINATE
  3116. }
  3117. } else if (pCode == 'KeyT') {
  3118. if (/^blob/i.test(player.currentSrc)) {
  3119. alert(`The current video is ${player.currentSrc}\nSorry, it cannot be opened in PotPlayer.`);
  3120. } else {
  3121. let confirm_res = confirm(`The current video is ${player.currentSrc}\nDo you want to open it in PotPlayer?`);
  3122. if (confirm_res) window.open('potplayer://' + player.currentSrc, '_blank');
  3123. }
  3124. return TERMINATE
  3125. }
  3126.  
  3127.  
  3128.  
  3129. let videoScale = playerConf.vFactor;
  3130.  
  3131. function tipsForVideoScaling() {
  3132.  
  3133. playerConf.vFactor = +videoScale.toFixed(1);
  3134.  
  3135. playerConf.cssTransform();
  3136. let tipsMsg = `視頻縮放率:${ +(videoScale * 100).toFixed(2) }%`
  3137. if (playerConf.translate.x) {
  3138. tipsMsg += `,水平位移:${playerConf.translate.x}px`
  3139. }
  3140. if (playerConf.translate.y) {
  3141. tipsMsg += `,垂直位移:${playerConf.translate.y}px`
  3142. }
  3143. $hs.tips(false);
  3144. $hs.tips(tipsMsg)
  3145.  
  3146.  
  3147. }
  3148.  
  3149. // 視頻畫面縮放相關事件
  3150.  
  3151. switch (pCode) {
  3152. // shift+X:視頻縮小 -0.1
  3153. case 'KeyX':
  3154. videoScale -= 0.1
  3155. if (videoScale < 0.1) videoScale = 0.1;
  3156. tipsForVideoScaling();
  3157. return TERMINATE
  3158. break
  3159. // shift+C:視頻放大 +0.1
  3160. case 'KeyC':
  3161. videoScale += 0.1
  3162. if (videoScale > 16) videoScale = 16;
  3163. tipsForVideoScaling();
  3164. return TERMINATE
  3165. break
  3166. // shift+Z:視頻恢復正常大小
  3167. case 'KeyZ':
  3168. videoScale = 1.0
  3169. playerConf.translate.x = 0;
  3170. playerConf.translate.y = 0;
  3171. tipsForVideoScaling();
  3172. return TERMINATE
  3173. break
  3174. case 'ArrowRight':
  3175. playerConf.translate.x += 10
  3176. tipsForVideoScaling();
  3177. return TERMINATE
  3178. break
  3179. case 'ArrowLeft':
  3180. playerConf.translate.x -= 10
  3181. tipsForVideoScaling();
  3182. return TERMINATE
  3183. break
  3184. case 'ArrowUp':
  3185. playerConf.translate.y -= 10
  3186. tipsForVideoScaling();
  3187. return TERMINATE
  3188. break
  3189. case 'ArrowDown':
  3190. playerConf.translate.y += 10
  3191. tipsForVideoScaling();
  3192. return TERMINATE
  3193. break
  3194.  
  3195. }
  3196.  
  3197. }
  3198. // 防止其它無關組合鍵衝突
  3199. if (!keyAsm) {
  3200. let kControl = null
  3201. let newPBR, oldPBR, nv, numKey;
  3202. switch (pCode) {
  3203. // 方向鍵右→:快進3秒
  3204. case 'ArrowRight':
  3205. if (1) {
  3206. let aCurrentTime = player.currentTime;
  3207. window.requestAnimationFrame(() => {
  3208. let diff = player.currentTime - aCurrentTime
  3209. diff = Math.round(diff * 5) / 5;
  3210. if (Math.abs(diff) < 0.8) {
  3211. $hs.tuneCurrentTime(+$hs.skipStep);
  3212. } else {
  3213. $hs.tuneCurrentTimeTips(diff, true)
  3214. }
  3215. })
  3216. //if(document.domain.indexOf('youtube.com')>=0){}else{
  3217. //$hs.tuneCurrentTime($hs.skipStep);
  3218. //return TERMINATE;
  3219. //}
  3220. }
  3221. break;
  3222. // 方向鍵左←:後退3秒
  3223. case 'ArrowLeft':
  3224.  
  3225. if (1) {
  3226. let aCurrentTime = player.currentTime;
  3227. window.requestAnimationFrame(() => {
  3228. let diff = player.currentTime - aCurrentTime
  3229. diff = Math.round(diff * 5) / 5;
  3230. if (Math.abs(diff) < 0.8) {
  3231. $hs.tuneCurrentTime(-$hs.skipStep);
  3232. } else {
  3233. $hs.tuneCurrentTimeTips(diff, true)
  3234. }
  3235. })
  3236. //if(document.domain.indexOf('youtube.com')>=0){}else{
  3237. //
  3238. //return TERMINATE;
  3239. //}
  3240. }
  3241. break;
  3242. // 方向鍵上↑:音量升高 1%
  3243. case 'ArrowUp':
  3244. if ((player.muted && player.volume === 0) && player._volume > 0) {
  3245.  
  3246. player.muted = false;
  3247. player.volume = player._volume;
  3248. } else if (player.muted && (player.volume > 0 || !player._volume)) {
  3249. player.muted = false;
  3250. }
  3251. $hs.tuneVolume(0.01);
  3252. return TERMINATE;
  3253. break;
  3254. // 方向鍵下↓:音量降低 1%
  3255. case 'ArrowDown':
  3256.  
  3257. if ((player.muted && player.volume === 0) && player._volume > 0) {
  3258.  
  3259. player.muted = false;
  3260. player.volume = player._volume;
  3261. } else if (player.muted && (player.volume > 0 || !player._volume)) {
  3262. player.muted = false;
  3263. }
  3264. $hs.tuneVolume(-0.01);
  3265. return TERMINATE;
  3266. break;
  3267. // 空格鍵:暫停/播放
  3268. case 'Space':
  3269. $hs.switchPlayStatus();
  3270. return TERMINATE;
  3271. break;
  3272. // 按鍵X:減速播放 -0.1
  3273. case 'KeyX':
  3274. if (player.playbackRate > 0) {
  3275. $hs.tips(false);
  3276. let t=player.playbackRate - 0.1;
  3277. if(t<0.1)t=0.1;
  3278. $hs.setPlaybackRate(t, true);
  3279. return TERMINATE
  3280. }
  3281. break;
  3282. // 按鍵C:加速播放 +0.1
  3283. case 'KeyC':
  3284. if (player.playbackRate < 16) {
  3285. $hs.tips(false);
  3286. $hs.setPlaybackRate(player.playbackRate + 0.1, true);
  3287. return TERMINATE
  3288. }
  3289.  
  3290. break;
  3291. // 按鍵Z:正常速度播放
  3292. case 'KeyZ':
  3293. $hs.tips(false);
  3294. oldPBR = player.playbackRate;
  3295. if (oldPBR != 1.0) {
  3296. player._playbackRate_z = oldPBR;
  3297. newPBR = 1.0;
  3298. } else if (player._playbackRate_z != 1.0) {
  3299. newPBR = player._playbackRate_z || 1.0;
  3300. player._playbackRate_z = 1.0;
  3301. } else {
  3302. newPBR = 1.0
  3303. player._playbackRate_z = 1.0;
  3304. }
  3305. $hs.setPlaybackRate(newPBR, 1)
  3306. return TERMINATE
  3307. break;
  3308. // 按鍵F:下一幀
  3309. case 'KeyF':
  3310. if (window.location.hostname === 'www.netflix.com') return /* netflix 的F鍵是FULLSCREEN的意思 */
  3311. $hs.tips(false);
  3312. if (!player.paused) player.pause()
  3313. player.currentTime += +(1 / playerConf.fps)
  3314. $hs.tips('Jump to: Next frame')
  3315. return TERMINATE
  3316. break;
  3317. // 按鍵D:上一幀
  3318. case 'KeyD':
  3319. $hs.tips(false);
  3320. if (!player.paused) player.pause()
  3321. player.currentTime -= +(1 / playerConf.fps)
  3322. $hs.tips('Jump to: Previous frame')
  3323. return TERMINATE
  3324. break;
  3325. // 按鍵E:亮度增加%
  3326. case 'KeyE':
  3327. $hs.tips(false);
  3328. nv = playerConf.setFilter('brightness', (v) => v + 0.1);
  3329. $hs.tips('Brightness: ' + dround(nv * 100) + '%')
  3330. return TERMINATE
  3331. break;
  3332. // 按鍵W:亮度減少%
  3333. case 'KeyW':
  3334. $hs.tips(false);
  3335. nv = playerConf.setFilter('brightness', (v) => v > 0.1 ? v - 0.1 : 0);
  3336. $hs.tips('Brightness: ' + dround(nv * 100) + '%')
  3337. return TERMINATE
  3338. break;
  3339. // 按鍵T:對比度增加%
  3340. case 'KeyT':
  3341. $hs.tips(false);
  3342. nv = playerConf.setFilter('contrast', (v) => v + 0.1);
  3343. $hs.tips('Contrast: ' + dround(nv * 100) + '%')
  3344. return TERMINATE
  3345. break;
  3346. // 按鍵R:對比度減少%
  3347. case 'KeyR':
  3348. $hs.tips(false);
  3349. nv = playerConf.setFilter('contrast', (v) => v > 0.1 ? v - 0.1 : 0);
  3350. $hs.tips('Contrast: ' + dround(nv * 100) + '%')
  3351. return TERMINATE
  3352. break;
  3353. // 按鍵U:飽和度增加%
  3354. case 'KeyU':
  3355. $hs.tips(false);
  3356. nv = playerConf.setFilter('saturate', (v) => v + 0.1);
  3357. $hs.tips('Saturate: ' + dround(nv * 100) + '%')
  3358. return TERMINATE
  3359. break;
  3360. // 按鍵Y:飽和度減少%
  3361. case 'KeyY':
  3362. $hs.tips(false);
  3363. nv = playerConf.setFilter('saturate', (v) => v > 0.1 ? v - 0.1 : 0);
  3364. $hs.tips('Saturate: ' + dround(nv * 100) + '%')
  3365. return TERMINATE
  3366. break;
  3367. // 按鍵O:色相增加 1 度
  3368. case 'KeyO':
  3369. $hs.tips(false);
  3370. nv = playerConf.setFilter('hue-rotate', (v) => v + 1);
  3371. $hs.tips('Hue: ' + nv + ' deg')
  3372. return TERMINATE
  3373. break;
  3374. // 按鍵I:色相減少 1 度
  3375. case 'KeyI':
  3376. $hs.tips(false);
  3377. nv = playerConf.setFilter('hue-rotate', (v) => v - 1);
  3378. $hs.tips('Hue: ' + nv + ' deg')
  3379. return TERMINATE
  3380. break;
  3381. // 按鍵K:模糊增加 0.1 px
  3382. case 'KeyK':
  3383. $hs.tips(false);
  3384. nv = playerConf.setFilter('blur', (v) => v + 0.1);
  3385. $hs.tips('Blur: ' + nv + ' px')
  3386. return TERMINATE
  3387. break;
  3388. // 按鍵J:模糊減少 0.1 px
  3389. case 'KeyJ':
  3390. $hs.tips(false);
  3391. nv = playerConf.setFilter('blur', (v) => v > 0.1 ? v - 0.1 : 0);
  3392. $hs.tips('Blur: ' + nv + ' px')
  3393. return TERMINATE
  3394. break;
  3395. // 按鍵Q:圖像復位
  3396. case 'KeyQ':
  3397. $hs.tips(false);
  3398. playerConf.filterReset();
  3399. $hs.tips('Video Filter Reset')
  3400. return TERMINATE
  3401. break;
  3402. // 按鍵S:畫面旋轉 90 度
  3403. case 'KeyS':
  3404. $hs.tips(false);
  3405. playerConf.rotate += 90
  3406. if (playerConf.rotate % 360 === 0) playerConf.rotate = 0;
  3407. if (!playerConf.videoHeight || !playerConf.videoWidth) {
  3408. playerConf.videoWidth = playerConf.domElement.videoWidth;
  3409. playerConf.videoHeight = playerConf.domElement.videoHeight;
  3410. }
  3411. if (playerConf.videoWidth > 0 && playerConf.videoHeight > 0) {
  3412.  
  3413.  
  3414. if ((playerConf.rotate % 180) == 90) {
  3415. playerConf.mFactor = playerConf.videoHeight / playerConf.videoWidth;
  3416. } else {
  3417. playerConf.mFactor = 1.0;
  3418. }
  3419.  
  3420.  
  3421. playerConf.cssTransform();
  3422.  
  3423. $hs.tips('Rotation:' + playerConf.rotate + ' deg')
  3424.  
  3425. }
  3426.  
  3427. return TERMINATE
  3428. break;
  3429. // 按鍵迴車,進入FULLSCREEN
  3430. case 'Enter':
  3431. //t.callFullScreenBtn();
  3432. break;
  3433. case 'KeyN':
  3434. $hs.pictureInPicture(player);
  3435. return TERMINATE
  3436. break;
  3437. case 'KeyM':
  3438. //console.log('m!', player.volume,player._volume)
  3439.  
  3440. if (player.volume >= 0) {
  3441.  
  3442. if (!player.volume || player.muted) {
  3443.  
  3444. let newVol = player.volume || player._volume || 0.5;
  3445. if (player.volume !== newVol) {
  3446. player.volume = newVol;
  3447. }
  3448. player.muted = false;
  3449. $hs.tips(false);
  3450. $hs.tips('Mute: Off', undefined);
  3451.  
  3452. } else {
  3453.  
  3454. player._volume = player.volume;
  3455. player._volume_p = player.volume;
  3456. //player.volume = 0;
  3457. player.muted = true;
  3458. $hs.tips(false);
  3459. $hs.tips('Mute: On', undefined);
  3460.  
  3461. }
  3462.  
  3463. }
  3464.  
  3465. return TERMINATE
  3466. break;
  3467. default:
  3468. // 按1-4設置播放速度 49-52;97-100
  3469. numKey = +(event.key)
  3470.  
  3471. if (numKey >= 1 && numKey <= 4) {
  3472. $hs.tips(false);
  3473. $hs.setPlaybackRate(numKey, 1)
  3474. return TERMINATE
  3475. }
  3476. }
  3477.  
  3478. }
  3479. },
  3480.  
  3481. handlerPlayerLockedMouseMove: function(e) {
  3482. //console.log(4545)
  3483.  
  3484. if(!$hs.mointoringVideo) return;
  3485.  
  3486. const player = $vQuery[$hs.mointoringVideo].player();
  3487.  
  3488. if (!player) return;
  3489.  
  3490.  
  3491. $hs.mouseMoveCount += Math.sqrt(e.movementX * e.movementX + e.movementY * e.movementY);
  3492.  
  3493. delayCall('$$VideoClearMove', function() {
  3494. $hs.mouseMoveCount = $hs.mouseMoveCount * 0.4;
  3495. }, 100)
  3496.  
  3497. delayCall('$$VideoClearMove2', function() {
  3498. $hs.mouseMoveCount = $hs.mouseMoveCount * 0.1;
  3499. }, 400)
  3500.  
  3501. if ($hs.mouseMoveCount > player.mouseMoveMax) {
  3502. $hs.hcMouseShowWithMonitoring(player)
  3503. }
  3504.  
  3505. },
  3506.  
  3507. _hcMouseHidePre: function(player) {
  3508. if (player.paused === true) {
  3509. $hs.hcShowMouseAndRemoveMointoring(player);
  3510. return;
  3511. }
  3512. if ($hs.mouseEnteredElement) {
  3513. const elm = $hs.mouseEnteredElement;
  3514. switch (getComputedStyle(elm).getPropertyValue('cursor')) {
  3515. case 'grab':
  3516. case 'pointer':
  3517. return;
  3518. }
  3519. if (elm.hasAttribute('alt')) return;
  3520. if (elm.getAttribute('aria-hidden') == 'true') return;
  3521. }
  3522. Promise.resolve().then(() => {
  3523. if (!$hs.mouseDownAt) player.ownerDocument.querySelector('html').setAttribute('_h5p_hide_cursor', '');
  3524. player = null;
  3525. })
  3526. return true;
  3527. },
  3528.  
  3529. hcStartMointoring:(player)=>{
  3530.  
  3531.  
  3532. $hs.mouseMoveCount = 0;
  3533.  
  3534. Promise.resolve($hs._hcMouseHidePre(player)).then(r => {
  3535. if (r) {
  3536.  
  3537. if($hs.mointoringVideo===false) player.ownerDocument.addEventListener('mousemove', $hs.handlerPlayerLockedMouseMove, $mb.eh_capture_passive())
  3538. $hs.mointoringVideo = player.getAttribute('_h5ppid');
  3539.  
  3540. }
  3541.  
  3542. player = null;
  3543.  
  3544. })
  3545.  
  3546. },
  3547.  
  3548. hcMouseHideAndStartMointoring: function(player) {
  3549.  
  3550. //console.log(554, 'hcMouseHideAndStartMointoring')
  3551. delayCall('$$hcMouseMove')
  3552.  
  3553. $hs.hcStartMointoring(player)
  3554.  
  3555.  
  3556. },
  3557.  
  3558. hcDelayMouseHideAndStartMointoring: function(player) {
  3559. //console.log(554, 'hcDelayMouseHideAndStartMointoring')
  3560. delayCall('$$hcMouseMove', ()=> $hs.hcStartMointoring(player), 1240)
  3561. },
  3562.  
  3563. hcMouseShowWithMonitoring: function(player) {
  3564. //console.log(554, 'hcMouseShowWithMonitoring')
  3565. delayCall('$$hcMouseMove', function() {
  3566. $hs.mouseMoveCount = 0;
  3567. $hs._hcMouseHidePre(player)
  3568. }, 1240)
  3569. $hs.mouseMoveCount = 0;
  3570. player.ownerDocument.querySelector('html').removeAttribute('_h5p_hide_cursor')
  3571. },
  3572.  
  3573. hcShowMouseAndRemoveMointoring: function(player) {
  3574. //console.log(554, 'hcShowMouseAndRemoveMointoring')
  3575. delayCall('$$hcMouseMove')
  3576. if($hs.mointoringVideo) $hs.mointoringVideo = null;
  3577. $hs.mouseMoveCount = 0;
  3578. player.ownerDocument.querySelector('html').removeAttribute('_h5p_hide_cursor')
  3579.  
  3580. },
  3581.  
  3582.  
  3583.  
  3584. handlerElementFocus: function(event) {
  3585.  
  3586. function notAtVideo() {
  3587. if ($hs.focusHookVId) $hs.focusHookVId = ''
  3588. }
  3589.  
  3590. const hookVideo = $hs.focusHookVId ? $vQuery[$hs.focusHookVId].player() : null
  3591.  
  3592. if (hookVideo && (event.target == hookVideo || event.target.contains(hookVideo))) {} else {
  3593. notAtVideo();
  3594. }
  3595.  
  3596. },
  3597.  
  3598. handlerFullscreenChanged: function(event) {
  3599.  
  3600.  
  3601. let videoElm = null,
  3602. videosQuery = null;
  3603. if (event && event.target) {
  3604. if (event.target.nodeName == "VIDEO") videoElm = event.target;
  3605. else if (videosQuery = event.target.querySelectorAll("VIDEO")) {
  3606. if (videosQuery.length === 1) videoElm = videosQuery[0]
  3607. }
  3608. }
  3609.  
  3610. if (videoElm) {
  3611. const player = videoElm;
  3612. const vpid = player.getAttribute('_h5ppid')
  3613. event.target.setAttribute('_h5p_fsElm_', vpid)
  3614.  
  3615. function hookTheActionedVideo() {
  3616. $hs.focusHookVId = vpid
  3617. }
  3618. hookTheActionedVideo();
  3619. window.setTimeout(hookTheActionedVideo, 300)
  3620. window.setTimeout(() => {
  3621. const chFull = $hs.toolCheckFullScreen(player.ownerDocument);
  3622. if (chFull) {
  3623. $hs.hcMouseHideAndStartMointoring(player);
  3624. } else {
  3625. $hs.hcShowMouseAndRemoveMointoring(player);
  3626. }
  3627. });
  3628.  
  3629. const playerConf = $hs.getPlayerConf(videoElm)
  3630. if (playerConf) {
  3631. delayCall("$$actionBoxFullscreen", function() {
  3632. playerConf.domActive &= ~DOM_ACTIVE_FULLSCREEN;
  3633. }, 300)
  3634. playerConf.domActive |= DOM_ACTIVE_FULLSCREEN;
  3635. }
  3636.  
  3637. $hs.swtichPlayerInstance()
  3638.  
  3639. } else {
  3640. $hs.focusHookVId = ''
  3641. }
  3642. },
  3643.  
  3644. /* 按鍵響應方法 */
  3645. handlerRootKeyDownEvent: function(event) {
  3646.  
  3647. if ($hs.intVideoInitCount > 0) {} else {
  3648. // return notAtVideo();
  3649. }
  3650.  
  3651. // $hs.lastKeyDown = event.timeStamp
  3652.  
  3653. // DOM Standard - either .key or .code
  3654. // Here we adopt .code (physical layout)
  3655.  
  3656. let pCode = event.code;
  3657. if (typeof pCode != 'string') return;
  3658. let keyAsm = (event.shiftKey ? SHIFT : 0) | ((event.ctrlKey || event.metaKey) ? CTRL : 0) | (event.altKey ? ALT : 0);
  3659. let hookVideo = null;
  3660.  
  3661. if (document.fullscreenElement) {
  3662.  
  3663. if (!keyAsm && pCode == 'Escape') {
  3664. window.setTimeout(() => {
  3665. if (document.fullscreenElement) {
  3666. document.exitFullscreen();
  3667. }
  3668. }, 700);
  3669. return;
  3670. }
  3671.  
  3672. hookVideo=document.fullscreenElement.querySelector('VIDEO[_h5ppid]')
  3673. $hs.focusHookVId = hookVideo.getAttribute('_h5ppid');
  3674.  
  3675.  
  3676. }else{
  3677.  
  3678. const actionBoxRelation = $hs.getActionBoxRelationFromDOM(event.target)
  3679.  
  3680. if (actionBoxRelation) {
  3681. $hs.focusHookVId = actionBoxRelation.player.getAttribute('_h5ppid');
  3682. hookVideo = actionBoxRelation.player;
  3683. } else {
  3684.  
  3685.  
  3686. if ($hs.enteredActionBoxRelation && $hs.enteredActionBoxRelation.pContainer ){
  3687.  
  3688. if($hs.enteredActionBoxRelation.player.getAttribute('_h5ppid') != $hs.focusHookVId){
  3689. $hs.focusHookVId=$hs.enteredActionBoxRelation.player.getAttribute('_h5ppid')
  3690. }
  3691.  
  3692. }
  3693.  
  3694. hookVideo = $hs.focusHookVId ? $vQuery[$hs.focusHookVId].player() : null
  3695. }
  3696. }
  3697.  
  3698. if (!hookVideo || !hookVideo.parentNode) return; // no video tag
  3699.  
  3700.  
  3701. let videoElm = hookVideo
  3702.  
  3703. const playerConf = $hs.getPlayerConf(videoElm)
  3704. if (playerConf) {
  3705. delayCall("$$actionBoxKeyDown", function() {
  3706. playerConf.domActive &= ~DOM_ACTIVE_KEY_DOWN;
  3707. }, 300)
  3708. playerConf.domActive |= DOM_ACTIVE_KEY_DOWN;
  3709. }
  3710.  
  3711. $hs.swtichPlayerInstance()
  3712.  
  3713.  
  3714. let player = hookVideo;
  3715.  
  3716.  
  3717. let res = $hs.playerTrigger(player, event)
  3718. if (res == TERMINATE) {
  3719. event.stopPropagation()
  3720. event.preventDefault()
  3721. return false
  3722. }
  3723.  
  3724. },
  3725. /* 設置播放進度 */
  3726. setPlayProgress: function(player, curTime) {
  3727. if (!player || !player.parentNode) return
  3728. if (!curTime || Number.isNaN(curTime)) return
  3729. player.currentTime = curTime
  3730. if (curTime > 3) {
  3731. $hs.tips(false);
  3732. $hs.tips(`Playback Jumps to ${$hs.toolFormatCT(curTime)}`)
  3733. if (player.paused) player.play();
  3734. }
  3735. }
  3736. }
  3737.  
  3738. function makeFilter(arr, k) {
  3739. let res = ""
  3740. for (const e of arr) {
  3741. for (const d of e) {
  3742. res += " " + (1.0 * d * k).toFixed(9)
  3743. }
  3744. }
  3745. return res.trim()
  3746. }
  3747.  
  3748. function _add_filter(rootElm) {
  3749. let rootView = null;
  3750. if (rootElm && rootElm.nodeType > 0) {
  3751. while (rootElm.parentNode && rootElm.parentNode.nodeType === 1) rootElm = rootElm.parentNode;
  3752. rootView = rootElm.querySelector('body') || rootElm;
  3753. } else {
  3754. return;
  3755. }
  3756.  
  3757. if (rootView && rootView.querySelector && !rootView.querySelector('#_h5player_section_')) {
  3758.  
  3759. let svgFilterElm = document.createElement('section')
  3760. svgFilterElm.style.position = 'fixed';
  3761. svgFilterElm.style.left = '-999px';
  3762. svgFilterElm.style.width = '1px';
  3763. svgFilterElm.style.top = '-999px';
  3764. svgFilterElm.style.height = '1px';
  3765. svgFilterElm.id = '_h5player_section_'
  3766. let svgXML = `
  3767. <svg id='_h5p_image' version="1.1" xmlns="http://www.w3.org/2000/svg">
  3768. <defs>
  3769. <filter id="_h5p_sharpen1">
  3770. <feConvolveMatrix filterRes="100 100" style="color-interpolation-filters:sRGB" order="3" kernelMatrix="` + `
  3771. -0.3 -0.3 -0.3
  3772. -0.3 3.4 -0.3
  3773. -0.3 -0.3 -0.3`.replace(/[\n\r]+/g, ' ').trim() + `" preserveAlpha="true"/>
  3774. </filter>
  3775. <filter id="_h5p_unsharpen1">
  3776. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="5" kernelMatrix="` +
  3777. makeFilter([
  3778. [1, 4, 6, 4, 1],
  3779. [4, 16, 24, 16, 4],
  3780. [6, 24, -476, 24, 6],
  3781. [4, 16, 24, 16, 4],
  3782. [1, 4, 6, 4, 1]
  3783. ], -1 / 256) + `" preserveAlpha="false"/>
  3784. </filter>
  3785. <filter id="_h5p_unsharpen3_05">
  3786. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="3" kernelMatrix="` +
  3787. makeFilter(
  3788. [
  3789. [0.025, 0.05, 0.025],
  3790. [0.05, -1.1, 0.05],
  3791. [0.025, 0.05, 0.025]
  3792. ], -1 / .8) + `" preserveAlpha="false"/>
  3793. </filter>
  3794. <filter id="_h5p_unsharpen3_10">
  3795. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="3" kernelMatrix="` +
  3796. makeFilter(
  3797. [
  3798. [0.05, 0.1, 0.05],
  3799. [0.1, -1.4, 0.1],
  3800. [0.05, 0.1, 0.05]
  3801. ], -1 / .8) + `" preserveAlpha="false"/>
  3802. </filter>
  3803. <filter id="_h5p_unsharpen5_05">
  3804. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="5" kernelMatrix="` +
  3805. makeFilter(
  3806. [
  3807. [0.025, 0.1, 0.15, 0.1, 0.025],
  3808. [0.1, 0.4, 0.6, 0.4, 0.1],
  3809. [0.15, 0.6, -18.3, 0.6, 0.15],
  3810. [0.1, 0.4, 0.6, 0.4, 0.1],
  3811. [0.025, 0.1, 0.15, 0.1, 0.025]
  3812. ], -1 / 12.8) + `" preserveAlpha="false"/>
  3813. </filter>
  3814. <filter id="_h5p_unsharpen5_10">
  3815. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="5" kernelMatrix="` +
  3816. makeFilter(
  3817. [
  3818. [0.05, 0.2, 0.3, 0.2, 0.05],
  3819. [0.2, 0.8, 1.2, 0.8, 0.2],
  3820. [0.3, 1.2, -23.8, 1.2, 0.3],
  3821. [0.2, 0.8, 1.2, 0.8, 0.2],
  3822. [0.05, 0.2, 0.3, 0.2, 0.05]
  3823. ], -1 / 12.8) + `" preserveAlpha="false"/>
  3824. </filter>
  3825. <filter id="_h5p_unsharpen9_05">
  3826. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="9" kernelMatrix="` +
  3827. makeFilter(
  3828. [
  3829. [0.025, 0.2, 0.7, 1.4, 1.75, 1.4, 0.7, 0.2, 0.025],
  3830. [0.2, 1.6, 5.6, 11.2, 14, 11.2, 5.6, 1.6, 0.2],
  3831. [0.7, 5.6, 19.6, 39.2, 49, 39.2, 19.6, 5.6, 0.7],
  3832. [1.4, 11.2, 39.2, 78.4, 98, 78.4, 39.2, 11.2, 1.4],
  3833. [1.75, 14, 49, 98, -4792.7, 98, 49, 14, 1.75],
  3834. [1.4, 11.2, 39.2, 78.4, 98, 78.4, 39.2, 11.2, 1.4],
  3835. [0.7, 5.6, 19.6, 39.2, 49, 39.2, 19.6, 5.6, 0.7],
  3836. [0.2, 1.6, 5.6, 11.2, 14, 11.2, 5.6, 1.6, 0.2],
  3837. [0.025, 0.2, 0.7, 1.4, 1.75, 1.4, 0.7, 0.2, 0.025]
  3838. ], -1 / 3276.8) + `" preserveAlpha="false"/>
  3839. </filter>
  3840. <filter id="_h5p_unsharpen9_10">
  3841. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-interpolation: sRGB;" order="9" kernelMatrix="` +
  3842. makeFilter(
  3843. [
  3844. [0.05, 0.4, 1.4, 2.8, 3.5, 2.8, 1.4, 0.4, 0.05],
  3845. [0.4, 3.2, 11.2, 22.4, 28, 22.4, 11.2, 3.2, 0.4],
  3846. [1.4, 11.2, 39.2, 78.4, 98, 78.4, 39.2, 11.2, 1.4],
  3847. [2.8, 22.4, 78.4, 156.8, 196, 156.8, 78.4, 22.4, 2.8],
  3848. [3.5, 28, 98, 196, -6308.6, 196, 98, 28, 3.5],
  3849. [2.8, 22.4, 78.4, 156.8, 196, 156.8, 78.4, 22.4, 2.8],
  3850. [1.4, 11.2, 39.2, 78.4, 98, 78.4, 39.2, 11.2, 1.4],
  3851. [0.4, 3.2, 11.2, 22.4, 28, 22.4, 11.2, 3.2, 0.4],
  3852. [0.05, 0.4, 1.4, 2.8, 3.5, 2.8, 1.4, 0.4, 0.05]
  3853. ], -1 / 3276.8) + `" preserveAlpha="false"/>
  3854. </filter>
  3855. <filter id="_h5p_grey1">
  3856. <feColorMatrix values="0.3333 0.3333 0.3333 0 0
  3857. 0.3333 0.3333 0.3333 0 0
  3858. 0.3333 0.3333 0.3333 0 0
  3859. 0 0 0 1 0"/>
  3860. <feColorMatrix type="saturate" values="0" />
  3861. </filter>
  3862. </defs>
  3863. </svg>
  3864. `;
  3865.  
  3866. svgFilterElm.innerHTML = svgXML.replace(/[\r\n\s]+/g, ' ').trim();
  3867.  
  3868. rootView.appendChild(svgFilterElm);
  3869. }
  3870.  
  3871. }
  3872.  
  3873. /**
  3874. * 某些網頁用了attachShadow closed mode,需要open才能獲取video標籤,例如百度雲盤
  3875. * 解決參考:
  3876. * https://developers.google.com/web/fundamentals/web-components/shadowdom?hl=zh-cn#closed
  3877. * https://stackoverflow.com/questions/54954383/override-element-prototype-attachshadow-using-chrome-extension
  3878. */
  3879.  
  3880. const initForShadowRoot = async (shadowRoot) => {
  3881. try {
  3882. if (shadowRoot && shadowRoot.nodeType > 0 && shadowRoot.mode == 'open' && 'querySelectorAll' in shadowRoot) {
  3883. if (!shadowRoot.host.hasAttribute('_h5p_shadowroot_')) {
  3884. shadowRoot.host.setAttribute('_h5p_shadowroot_', '')
  3885.  
  3886. $hs.bindDocEvents(shadowRoot);
  3887. captureVideoEvents(shadowRoot);
  3888.  
  3889. }
  3890. }
  3891. } catch (e) {
  3892. console.log('h5Player: initForShadowRoot failed')
  3893. }
  3894. }
  3895.  
  3896. function hackAttachShadow() { // attachShadow - DOM Standard
  3897.  
  3898. let _prototype_ = window && window.HTMLElement ? window.HTMLElement.prototype : null;
  3899. if (_prototype_ && typeof _prototype_.attachShadow == 'function') {
  3900.  
  3901. let _attachShadow = _prototype_.attachShadow
  3902.  
  3903. hackAttachShadow = null
  3904. _prototype_.attachShadow = function() {
  3905. let arg = [...arguments];
  3906. if (arg[0] && arg[0].mode) arg[0].mode = 'open';
  3907. let shadowRoot = _attachShadow.apply(this, arg);
  3908. initForShadowRoot(shadowRoot);
  3909. return shadowRoot
  3910. };
  3911.  
  3912. _prototype_.attachShadow.toString = () => _attachShadow.toString();
  3913.  
  3914. }
  3915.  
  3916. }
  3917.  
  3918. function hackCreateShadowRoot() { // createShadowRoot - Deprecated
  3919.  
  3920. let _prototype_ = window && window.HTMLElement ? window.HTMLElement.prototype : null;
  3921. if (_prototype_ && typeof _prototype_.createShadowRoot == 'function') {
  3922.  
  3923. let _createShadowRoot = _prototype_.createShadowRoot;
  3924.  
  3925. hackCreateShadowRoot = null
  3926. _prototype_.createShadowRoot = function() {
  3927. const shadowRoot = _createShadowRoot.apply(this, arguments);
  3928. initForShadowRoot(shadowRoot);
  3929. return shadowRoot;
  3930. };
  3931. _prototype_.createShadowRoot.toString = () => _createShadowRoot.toString();
  3932.  
  3933. }
  3934. }
  3935.  
  3936.  
  3937.  
  3938.  
  3939. /* 事件偵聽hack */
  3940. function hackEventListener() {
  3941. if (!window.Node) return;
  3942. const _prototype = window.Node.prototype;
  3943. let _addEventListener = _prototype.addEventListener;
  3944. let _removeEventListener = _prototype.removeEventListener;
  3945. if (typeof _addEventListener == 'function' && typeof _removeEventListener == 'function') {} else return;
  3946. hackEventListener = null;
  3947.  
  3948.  
  3949.  
  3950. let hackedEvtCount = 0;
  3951.  
  3952. const options_passive_capture = {
  3953. passive: true,
  3954. capture: true
  3955. }
  3956. const options_passive_bubble = {
  3957. passive: true,
  3958. capture: false
  3959. }
  3960.  
  3961. let phListeners = Promise.resolve();
  3962.  
  3963. let phActioners = Promise.resolve();
  3964. let phActionersCount = 0;
  3965.  
  3966.  
  3967.  
  3968. _prototype.addEventListener = function addEventListener() {
  3969. //console.log(3321,arguments[0])
  3970. const args = arguments
  3971. const type = args[0]
  3972. const listener = args[1]
  3973.  
  3974. if (!(this instanceof Node) || typeof type != 'string' || typeof listener != 'function') {
  3975. // if (!this || !(this instanceof EventTarget) || typeof type != 'string' || typeof listener != 'function') {
  3976. return _addEventListener.apply(this, args)
  3977. //unknown bug?
  3978. }
  3979.  
  3980. let bClickAction = false;
  3981. switch (type) {
  3982. case 'load':
  3983. case 'beforeunload':
  3984. case 'DOMContentLoaded':
  3985. return _addEventListener.apply(this, args);
  3986. break;
  3987. case 'touchstart':
  3988. case 'touchmove':
  3989. case 'wheel':
  3990. case 'mousewheel':
  3991. case 'timeupdate':
  3992. if ($mb.stable_isSupportPassiveEventListener()) {
  3993. if (!(args[2] && typeof args[2] == 'object')) {
  3994. const fs = (listener + "");
  3995. if (fs.indexOf('{ [native code] }') < 0 && fs.indexOf('.preventDefault()') < 0) {
  3996. //make default passive if not set
  3997. const options = args[2] === true ? options_passive_capture : options_passive_bubble
  3998. args[2] = options
  3999. if (args.length < 3) args.length = 3;
  4000. }
  4001. }
  4002. if (args[2] && args[2].passive === true) {
  4003. const nType = `__nListener|${type}__`;
  4004. const nListener = listener[nType] || function() {
  4005. let _listener = listener;
  4006. let _this = this;
  4007. let _arguments = arguments;
  4008. let calling = () => {
  4009. phActioners = phActioners.then(() => {
  4010. _listener.apply(_this, _arguments);
  4011. phActionersCount--;
  4012. _listener = null;
  4013. _this = null;
  4014. _arguments = null;
  4015. calling = null;
  4016. })
  4017. }
  4018. Promise.resolve().then(() => {
  4019. if (phActionersCount === 0) {
  4020. phActionersCount++
  4021. window.requestAnimationFrame(calling)
  4022. } else {
  4023. phActionersCount++
  4024. calling();
  4025. }
  4026. })
  4027. };
  4028. listener[nType] = nListener;
  4029. args[1] = nListener;
  4030. args[2].passive = true;
  4031. args[2] = args[2];
  4032. }
  4033. }
  4034. break;
  4035. case 'mouseout':
  4036. case 'mouseover':
  4037. case 'focusin':
  4038. case 'focusout':
  4039. case 'mouseenter':
  4040. case 'mouseleave':
  4041. case 'mousemove':
  4042. /*if (this.nodeType === 1 && this.nodeName != "BODY" && this.nodeName != "HTML") {
  4043. const nType = `__nListener|${type}__`
  4044. const nListener = listener[nType] || function() {
  4045. window.requestAnimationFrame(() => listener.apply(this, arguments))
  4046. }
  4047. listener[nType] = nListener;
  4048. args[1] = nListener;
  4049. }*/
  4050. break;
  4051. case 'click':
  4052. case 'mousedown':
  4053. case 'mouseup':
  4054. bClickAction = true;
  4055. break;
  4056. default:
  4057. return _addEventListener.apply(this, args);
  4058. }
  4059.  
  4060.  
  4061. if (bClickAction) {
  4062.  
  4063.  
  4064. let res;
  4065. res = _addEventListener.apply(this, args)
  4066.  
  4067. phListeners = phListeners.then(() => {
  4068.  
  4069. let listeners = wmListeners.get(this);
  4070. if (!listeners) wmListeners.set(this, listeners = {});
  4071.  
  4072. let lh = new ListenerHandle(args[1], args[2])
  4073.  
  4074. listeners[type] = listeners[type] || new Listeners()
  4075.  
  4076. listeners[type].add(lh)
  4077. listeners[type]._count++;
  4078.  
  4079. })
  4080.  
  4081. return res
  4082.  
  4083.  
  4084. } else if (args[2] && args[2].passive) {
  4085.  
  4086. const nType = `__nListener|${type}__`
  4087. const nListener = listener[nType] || function() {
  4088. return Promise.resolve().then(() => listener.apply(this, arguments))
  4089. }
  4090.  
  4091. listener[nType] = nListener;
  4092. args[1] = nListener;
  4093.  
  4094. }
  4095.  
  4096. return _addEventListener.apply(this, args);
  4097.  
  4098.  
  4099. }
  4100. // hack removeEventListener
  4101. _prototype.removeEventListener = function removeEventListener() {
  4102.  
  4103. let args = arguments
  4104. let type = args[0]
  4105. let listener = args[1]
  4106.  
  4107.  
  4108. if (!this || !(this instanceof Node) || typeof type != 'string' || typeof listener != 'function') {
  4109. return _removeEventListener.apply(this, args)
  4110. //unknown bug?
  4111. }
  4112.  
  4113. let bClickAction = false;
  4114. switch (type) {
  4115. case 'load':
  4116. case 'beforeunload':
  4117. case 'DOMContentLoaded':
  4118. return _removeEventListener.apply(this, args);
  4119. break;
  4120. case 'mousewheel':
  4121. case 'touchstart':
  4122. case 'wheel':
  4123. case 'timeupdate':
  4124. if ($mb.stable_isSupportPassiveEventListener()) {
  4125. if (!(args[2] && typeof args[2] == 'object')) {
  4126. const fs = (listener + "");
  4127. if (fs.indexOf('{ [native code] }') < 0 && fs.indexOf('.preventDefault()') < 0) {
  4128. //make default passive if not set
  4129. const options = args[2] === true ? options_passive_capture : options_passive_bubble
  4130. args[2] = options
  4131. if (args.length < 3) args.length = 3;
  4132. }
  4133. }
  4134. }
  4135. break;
  4136. case 'mouseout':
  4137. case 'mouseover':
  4138. case 'focusin':
  4139. case 'focusout':
  4140. case 'mouseenter':
  4141. case 'mouseleave':
  4142. case 'mousemove':
  4143.  
  4144. break;
  4145. case 'click':
  4146. case 'mousedown':
  4147. case 'mouseup':
  4148. bClickAction = true;
  4149. break;
  4150. default:
  4151. return _removeEventListener.apply(this, args);
  4152. }
  4153.  
  4154. if (bClickAction) {
  4155.  
  4156.  
  4157. phListeners = phListeners.then(() => {
  4158. const listeners = wmListeners.get(this);
  4159. if (listeners) {
  4160. const lh_removal = new ListenerHandle(args[1], args[2])
  4161.  
  4162. listeners[type].remove(lh_removal)
  4163. }
  4164. })
  4165. return _removeEventListener.apply(this, args);
  4166.  
  4167.  
  4168. } else {
  4169. const nType = `__nListener|${type}__`
  4170. if (typeof listener[nType] == 'function') args[1] = listener[nType]
  4171. return _removeEventListener.apply(this, args);
  4172. }
  4173.  
  4174.  
  4175.  
  4176.  
  4177. }
  4178. _prototype.addEventListener.toString = () => _addEventListener.toString();
  4179. _prototype.removeEventListener.toString = () => _removeEventListener.toString();
  4180.  
  4181.  
  4182. }
  4183.  
  4184.  
  4185. function initShadowRoots(rootDoc) {
  4186. function onReady() {
  4187. var treeWalker = rootDoc.createTreeWalker(
  4188. rootDoc.documentElement,
  4189. NodeFilter.SHOW_ELEMENT, {
  4190. acceptNode: (node) => (node.shadowRoot ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP)
  4191. }
  4192. );
  4193. var nodeList = [];
  4194. while (treeWalker.nextNode()) nodeList.push(treeWalker.currentNode);
  4195. for (const node of nodeList) {
  4196. initForShadowRoot(node.shadowRoot)
  4197. }
  4198. }
  4199. if (rootDoc.readyState !== 'loading') {
  4200. onReady();
  4201. } else {
  4202. rootDoc.addEventListener('DOMContentLoaded', onReady, false);
  4203. }
  4204. }
  4205.  
  4206. function captureVideoEvents(rootDoc) {
  4207.  
  4208. rootDocs.push(rootDoc)
  4209.  
  4210. var g = function(evt) {
  4211.  
  4212.  
  4213. var domElement = evt.target || this || null
  4214. if (domElement && domElement.nodeType == 1 && domElement.nodeName == "VIDEO") {
  4215. var video = domElement
  4216. if (!domElement.getAttribute('_h5ppid')) handlerVideoFound(video);
  4217. if (domElement.getAttribute('_h5ppid')) {
  4218. switch (evt.type) {
  4219. case 'loadedmetadata':
  4220. return $hs.handlerVideoLoadedMetaData.call(video, evt);
  4221. // case 'playing':
  4222. // return $hs.handlerVideoPlaying.call(video, evt);
  4223. // case 'pause':
  4224. // return $hs.handlerVideoPause.call(video, evt);
  4225. // case 'volumechange':
  4226. // return $hs.handlerVideoVolumeChange.call(video, evt);
  4227. }
  4228. }
  4229. }
  4230.  
  4231.  
  4232. }
  4233.  
  4234. // using capture phase
  4235. rootDoc.addEventListener('loadedmetadata', g, $mb.eh_capture_passive());
  4236.  
  4237. }
  4238.  
  4239. function handlerVideoFound(video) {
  4240.  
  4241. if (!video) return;
  4242. if (video.getAttribute('_h5ppid')) return;
  4243.  
  4244. const toSkip = (() => {
  4245. //skip GIF video
  4246. let alabel = video.getAttribute('aria-label')
  4247. if (alabel && typeof alabel == "string" && alabel.toUpperCase() == "GIF") return true;
  4248.  
  4249. //skip video with opacity
  4250. const videoOpacity = video.style.opacity + ''
  4251. if (videoOpacity.length > 0 && +videoOpacity < 0.99 && +videoOpacity >= 0) return true;
  4252.  
  4253. //Google Result Video Preview
  4254. let pElm = video;
  4255. while (pElm && pElm.nodeType == 1) {
  4256. if (pElm.nodeName == "A" && pElm.getAttribute('href')) return true;
  4257. pElm = pElm.parentNode
  4258. }
  4259. pElm = null;
  4260. })();
  4261.  
  4262. if (toSkip) return;
  4263.  
  4264. consoleLog('handlerVideoFound', video)
  4265.  
  4266. $hs.intVideoInitCount = ($hs.intVideoInitCount || 0) + 1;
  4267. consoleLog(' - HTML5 Video is detected -', `Number of Videos: ${$hs.intVideoInitCount}`)
  4268. if ($hs.intVideoInitCount === 1) $hs.fireGlobalInit();
  4269.  
  4270. let vpid = 'h5p-', vRootDoc=null;
  4271. for(let wi=rootDocs.length;wi--;){
  4272. if(rootDocs[wi].contains(video)){
  4273. vpid+=`${wi.toString(36)}-`;
  4274. vRootDoc=rootDocs[wi]
  4275. break;
  4276. }
  4277. }
  4278. vpid += `${$hs.intVideoInitCount.toString(36)}`;
  4279.  
  4280. video.setAttribute('_h5ppid', vpid)
  4281.  
  4282.  
  4283.  
  4284. playerConfs[vpid] = new PlayerConf();
  4285. playerConfs[vpid].domElement = video;
  4286. playerConfs[vpid].domActive = DOM_ACTIVE_FOUND;
  4287.  
  4288. let rootNode = getRoot(video);
  4289.  
  4290. $vQuery[vpid]={
  4291. _player:video,
  4292. player:function(){
  4293. return !this._player?null: !this._player.parentNode?null: this._player;
  4294. },
  4295. rootNode:function(){
  4296. return !this._player?null: (getRoot(this._player)||null);
  4297. }
  4298. };
  4299.  
  4300. if (rootNode.host) $hs.getPlayerBlockElement(video); // shadowing
  4301. let rootElm = domAppender(rootNode) || document.documentElement //48763
  4302. _add_filter(rootElm) // either main document or shadow node
  4303.  
  4304.  
  4305.  
  4306. video.addEventListener('playing', $hs.handlerVideoPlaying, $mb.eh_capture_passive());
  4307. video.addEventListener('pause', $hs.handlerVideoPause, $mb.eh_capture_passive());
  4308. video.addEventListener('volumechange', $hs.handlerVideoVolumeChange, $mb.eh_capture_passive());
  4309.  
  4310.  
  4311.  
  4312. //observe not fire twice for the same element.
  4313. if (!$hs.observer_cacheSizing) $hs.observer_cacheSizing = new ResizeObserver($hs.handlerSizing);
  4314. $hs.observer_cacheSizing.observe(video)
  4315.  
  4316.  
  4317.  
  4318. }
  4319.  
  4320.  
  4321. hackAttachShadow()
  4322. hackCreateShadowRoot()
  4323. hackEventListener()
  4324.  
  4325.  
  4326. window.addEventListener('message', $hs.handlerWinMessage, false);
  4327. $hs.bindDocEvents(document);
  4328. captureVideoEvents(document);
  4329. initShadowRoots(document);
  4330.  
  4331.  
  4332. let windowsLD = (function() {
  4333. let ls_res = [];
  4334. try {
  4335. ls_res = [!!window.localStorage, !!window.top.localStorage];
  4336. } catch (e) {}
  4337. try {
  4338. let winp = window;
  4339. let winc = 0;
  4340. while (winp !== window.top && winp && ++winc) winp = winp.parentNode;
  4341. ls_res.push(winc);
  4342. } catch (e) {}
  4343. return ls_res;
  4344. })();
  4345.  
  4346. consoleLogF('- h5Player Plugin Loaded -', ...windowsLD)
  4347.  
  4348. function isInCrossOriginFrame() {
  4349. let result = true;
  4350. try {
  4351. if (window.top.localStorage || window.top.location.href) result = false;
  4352. } catch (e) {}
  4353. return result
  4354. }
  4355.  
  4356. if (isInCrossOriginFrame()) consoleLog('cross origin frame detected');
  4357.  
  4358.  
  4359. const $bv = {
  4360.  
  4361. boostVideoPerformanceActivate: function() {
  4362. if ($bz.boosted) return;
  4363. $bz.boosted = true;
  4364. },
  4365.  
  4366.  
  4367. boostVideoPerformanceDeactivate: function() {
  4368. if (!$bz.boosted) return;
  4369. $bz.boosted = false;
  4370. }
  4371.  
  4372. }
  4373.  
  4374.  
  4375.  
  4376. })();
  4377.  
  4378. })(window.unsafeWindow, window);