☰

虎牙Plus

虎牙自动领取任务经验、开宝箱，复制直播流链接，简化页面，去广告, 夜间模式，自动进入剧场模式, 我的订阅页面视频预览

目前为 2021-12-05 提交的版本。查看 最新版本。

  1. 'use strict';
  2. // ==UserScript==
  3. // @name         虎牙Plus
  4. // @namespace    http://tampermonkey.net/
  5. // @icon         https://www.huya.com/favicon.ico
  6. // @version      1.0.36
  7. // @description  虎牙自动领取任务经验、开宝箱，复制直播流链接，简化页面，去广告, 夜间模式，自动进入剧场模式, 我的订阅页面视频预览
  8. // @author       Francis
  9. // @match        *://*.huya.com/*
  10. // @grant        GM_setClipboard
  11. // @grant        GM_xmlhttpRequest
  12. // @license      MIT
  13. // @require      https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.1/flv.min.js
  14. // @noframes
  15. // ==/UserScript==
  16.  
  17. let $;
  18.  
  19. function addUi(){
  20.     let style = document.createElement('style');
  21.     style.appendChild(document.createTextNode(`
  22. span.copy-stream-link:after {
  23.     display: none;
  24.     position: absolute;
  25.     content: "";
  26.     right: -20px;
  27.     top: 6px;
  28.     width: 18px;
  29.     height: 18px;
  30.     overflow: hidden;
  31.     background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjMyYjVhNy1jMThjLTg2NDItYjRlMy04NzdmMjFiZjkzZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEJCNDhFNEIxMDZBMTFFN0IzQUNGNTM3RTZBMjEyRTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEJCNDhFNEExMDZBMTFFN0IzQUNGNTM3RTZBMjEyRTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmFlNTQ3NDgtZjlmZS04NjQwLTg0ZTgtMmY4ZTcwYjc2YTkyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NWE5YjI1YjQtZmE1ZC0xMWU2LWI1MmYtYWM2NWYxZGRlZjQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KzIZ1wAAAz9JREFUeNqslm1IU1EYx5/dzSW+pWVZppimzV7pzZWVIhGFZiIEgmFlREGmH4qEJOhFqEVf+tCXviiCZC/4Icga0ocwIyURcmnO2ZIyM9+auqnb1NnzXM5sm7u719wffrC7c+7zP+fc55zzyDQN+0BEMiQNOYYcQBKRCNZmQr4iH5A6pBGZ8xVM4aONQwqRMmbiTVEMGkgpM9cgVYhDKKg3xSPNSIUPM29KZO80sxiSDDOQj0gK/L9SWIx0McMjSD0SCUsXxXiDHBUyVCG1iBL8JyWLqfI0lCPVSCj4WWtDN4ekxp6uZh7zWXpmid9sYfpzSkhbfwHU6/JBJuNSekZbCn+bOysUbJ+V+dNsTYgKspNvQmRQPMw4bKDt0gCaXcOmSgXLpER/GMnwC+2NLYD09eeBkylganoMajuuQt94u3PLpJNhlj/MgpUrISf5FsSF7+GfLfZheKIrhpHJ767dsshwv1gwGm3YstUwav3ltT0ufDea3eZNSeO2ATQrAdNUr2fXVDJM8j3yFZC76Q6sCk6AZ58vQ7/5i1u7OuYkZMQX4aD4JASzbRBq2i7h4Pq8hdvIuRzECxQdugUKd1ZB7PIdEKgIg/ztD/nfzizMSS6HQwkl82a2GQs8b78iZEaKEDy8t0ZlQmZSGci5gH+7WB4EedseQH33fdgVfYIfkFPTDismSCkMTRhB7LYwsRPfTQOWLrDOmPkldVUAFwjZqhseveegTl8OvWOfxNLBREva7a1laOIb1OiK+GwTU0PPI+gafislmQ1k2CTUSilNCUBZJ6SOwXpo6q2WunuayPCVrx5/pn6gaRGMWfth4bIbQGu4K3bJu+o1Gb5jN7WgaP89bruI++rn/H+UkS86r+PRZZdqRh6NHBvePbHetKz0TWnGJK1B4zYACSIPh/zw2Rh60LEjLtrXG/bZSdBjclhsQ6AbeLkYs1akmCbnvA9nkVN0BIq9OWEfgZa+p4sxo5gFzMPtxtcjeTQRP95UdhZTL1TTaJFcKTOVOLNcFtNn1aZlt3/rEsxaWQyt1LqUlkCNnEOMizAysnfUrssotfKmyrmSVdEHkePs7tzgUeobWalPafteqOJ26q8AAwB8rQG0tt5ioQAAAABJRU5ErkJggg==);
  32.     background-size: 18px 18px;
  33. }
  34.  
  35. span.copy-stream-link.copy-success:after {
  36.     display: block;
  37. }
  38.  
  39. .huya-plus-btn{
  40.     display: block;
  41.     font-size: 11px;
  42.     padding:0 10px;
  43.     color:#b08444;
  44.     background:#FFD29E;
  45.     border-radius:15px;
  46.     user-select: none;
  47.     transition:all .5s;
  48. }
  49.  
  50. .huya-plus-btn:hover{
  51.     color:#FFF;
  52.     background:#ffa801;
  53. }
  54.  
  55. #huya-ab,
  56. .player-banner-gift,
  57. #player-marquee-wrap,
  58. .room-gg-chat,
  59. .room-mod-ggTop,
  60. #hy-nav-download,
  61. .hy-nav-kaibo,
  62. .hy-nav-item:nth-child(2),
  63. #J_roomGameBuy,
  64. .jump-to-phone,
  65. #week-star-btn,
  66. .g-gift,
  67. #J_bigStreamerStage,
  68. #J_hySide,
  69. .room-business-game,
  70. #J_hostChannel,
  71. #J_BusinessGameRoot,
  72. #sidebarBanner,
  73. .mod-news-section,
  74. .mod-index-list>.live-box,
  75. #J_adCategory,
  76. #huya-ab-fixed,
  77. #player-full-input
  78. {
  79.     display:none !important;
  80. }
  81.  
  82. body,
  83. .duya-header-wrap,
  84. #main_col,
  85. .room-hd-l,
  86. .player-gift-wrap,
  87. .chat-room__ft,
  88. .jspPane,
  89. #J_profileNotice>div,
  90. .week-rank__btn,
  91. .J_msg,
  92. .chat-room__list,
  93. .msg-nobleEnter,
  94. .msg-nobleEnter>div,
  95. .msg-nobleSpeak,
  96. .player-face-arrow,
  97. #player-gift-tip,
  98. .jspVerticalBar,
  99. .illegal-report,
  100. .subscribe-hd.sub-on,
  101. .huya-plus-btn,
  102. #player-gift-tip bottom,
  103. #player-gift-tip btn,
  104. .fansBadge-box,
  105. .nav-expand-list,
  106. .tt-user-card,
  107. .share-entrance,
  108. .search-suggest,
  109. .u-links,
  110. .entrance-expand,
  111. .gameBuy-bd,
  112. .guide-to-app,
  113. .chat-room__wrap,
  114. #J_profileNotice,
  115. .msg-onTVLottery,
  116. .room-core,
  117. .msg-noble,
  118. #J_box_msgOfKing,
  119. .msg-of-king,
  120. .subscribe-hd.sub-on,
  121. .nav-expand-game dd a,
  122. .subscribe-hd.sub-on,
  123. .match-item,
  124. .hy-nav-link,
  125. .hy-nav-title,
  126. .nav-user-title,
  127. #J_roomTitle,
  128. .msg,
  129. .subscribe-hd.sub-on,
  130. .cont-item,
  131. .week-rank__btn,
  132. .week-rank-name,
  133. .msg-nobleEnter,
  134. .peo-name,
  135. .search-item,
  136. .history-bd .new-clickstat,
  137. .from,
  138. .to,
  139. .nav-expand-game dd a,
  140. .hy-header-match-preview-name,
  141. #pub_msg_input,
  142. #search-bar-input:focus,
  143. .msg-noble,
  144. #J_box_msgOfKing,
  145. #J_hyUserCard .u-assets,
  146. .room-sidebar,
  147. .duya-header-wrap,
  148. .week-rank__unit,
  149. .chat-room__input,
  150. .chatNotice,
  151. #J_profileNotice,
  152. .plaer-face-icon-bg,
  153. .chat-room__ft__chat,
  154. #tipsOrchat,
  155. .week-rank__btn.active,
  156. #pub_msg_input,
  157. #search-bar-input,
  158. .week-rank__bd li,
  159. .subscribe-live-item,
  160. .subscribe-live-item .txt .msg-row .nick,
  161. .list-hd .title,
  162. .match_body_wrap
  163. {
  164.     transition: background .3s, background-color .3s, color .3s, border-color .3s;
  165. }
  166.  
  167. .live-box .box-hd .more-list li,
  168. .live-box .box-hd .more-list li:hover,
  169. .night-mode .mod-list .box-hd .filter dd .tag-layer,
  170. .nav-expand-game dd a{
  171.     border-color: #464646 !important;
  172. }
  173.  
  174. body.night-mode,
  175. .night-mode .duya-header-wrap,
  176. .night-mode #main_col,
  177. .night-mode .room-hd-l,
  178. .night-mode .player-gift-wrap,
  179. .night-mode .chat-room__ft,
  180. .night-mode .jspPane,
  181. .night-mode #J_profileNotice>div,
  182. .night-mode .week-rank__btn,
  183. .night-mode .J_msg,
  184. .night-mode .chat-room__list,
  185. .night-mode .msg-nobleEnter,
  186. .night-mode .msg-nobleEnter>div,
  187. .night-mode .msg-nobleSpeak,
  188. .night-mode .player-face-arrow,
  189. .night-mode #player-gift-tip,
  190. .night-mode .jspVerticalBar,
  191. .night-mode .illegal-report,
  192. .night-mode .subscribe-hd.sub-on,
  193. .night-mode #player-gift-tip bottom,
  194. .night-mode #player-gift-tip btn,
  195. .night-mode .fansBadge-box,
  196. .night-mode .nav-expand-list,
  197. .night-mode .tt-user-card,
  198. .night-mode .share-entrance,
  199. .night-mode .search-suggest,
  200. .night-mode .u-links,
  201. .night-mode .entrance-expand,
  202. .night-mode .gameBuy-bd,
  203. .night-mode .guide-to-app,
  204. .night-mode .chat-room__wrap,
  205. .night-mode #J_profileNotice,
  206. .night-mode .msg-onTVLottery,
  207. .night-mode .room-core,
  208. .night-mode .msg-noble,
  209. .night-mode .match_body_wrap,
  210. .night-mode #J_roomHdR,
  211. .night-mode .msg-watchTogetherVip,
  212. .night-mode .room-weeklyRankList-content>div,
  213. .night-mode .room-weeklyRankList-nav-item,
  214. .night-mode .huya-footer,
  215. .night-mode .program-preview-box,
  216. .night-mode .program-preview-box .preview-bd,
  217. .night-mode .star-box .star-content,
  218. .night-mode div[class^="box-noble-level-"]
  219. {
  220.     background-color: rgb(47, 48, 53) !important;
  221. }
  222.  
  223. .night-mode #J_box_msgOfKing,
  224. .night-mode .msg-of-king
  225. {
  226.     background: rgb(47, 48, 53) !important;
  227. }
  228.  
  229. .night-mode .subscribe-hd.sub-on,
  230. .night-mode .nav-expand-game dd a,
  231. .night-mode .subscribe-live-item,
  232. .night-mode .room-weeklyRankList-nav-item.room-weeklyRankList-nav-item-active,
  233. .night-mode .game-live-item,
  234. .night-mode .game-live-item .txt .num,
  235. .night-mode .j_anchor_label,
  236. .night-mode .g-gameCard-item,
  237. .night-mode .mod-list .box-hd .filter dd .tag-layer
  238. {
  239.     background-color: #464646 !important;
  240. }
  241.  
  242. .night-mode .subscribe-hd.sub-on,
  243. .night-mode .match-item,
  244. .night-mode .mod-list .box-hd .title a,
  245. .night-mode .game-live-item a.title,
  246. .night-mode .j_index-game-title,
  247. .night-mode .live-box .box-hd .more-list li a,
  248. .night-mode .live-box_funny .box-hd .title span,
  249. .night-mode .g-gameCard-fullName
  250. {
  251.     color: #8e8a8a !important;
  252. }
  253.  
  254. .night-mode .hy-nav-link,
  255. .night-mode .hy-nav-title,
  256. .night-mode .nav-user-title,
  257. .night-mode #J_roomTitle,
  258. .night-mode .msg,
  259. .night-mode .subscribe-hd.sub-on,
  260. .night-mode .cont-item,
  261. .night-mode .week-rank__btn,
  262. .night-mode .week-rank-name,
  263. .night-mode .msg-nobleEnter,
  264. .night-mode .peo-name,
  265. .night-mode .search-item,
  266. .night-mode .history-bd .new-clickstat,
  267. .night-mode .from,
  268. .night-mode .to,
  269. .night-mode .nav-expand-game dd a,
  270. .night-mode .hy-header-match-preview-name,
  271. .night-mode #pub_msg_input,
  272. .night-mode #search-bar-input:focus,
  273. .night-mode .msg-noble,
  274. .night-mode #J_box_msgOfKing,
  275. .night-mode #J_hyUserCard .u-assets,
  276. .night-mode .follow-ctrl,
  277. .night-mode .subscribe-live-item .txt .msg-row .nick,
  278. .night-mode .list-hd .title,
  279. .night-mode .nick,
  280. .night-mode .fansBadge-hig,
  281. .night-mode .room-weeklyRankList-nav-item,
  282. .night-mode .room-weeklyRankList-content>div,
  283. .night-mode .g-gameCard-fullName:hover,
  284. .night-mode  #chat-room__list span[class^="msg-text-"]
  285. {
  286.     color: #E7E7E7 !important;
  287. }
  288.  
  289. .night-mode .room-sidebar,
  290. .night-mode .duya-header-wrap,
  291. .night-mode .week-rank__unit,
  292. .night-mode .chat-room__input,
  293. .night-mode .chatNotice,
  294. .night-mode #J_profileNotice,
  295. .night-mode .plaer-face-icon-bg,
  296. .night-mode .chat-room__ft__chat,
  297. .night-mode #tipsOrchat
  298. {
  299.     border-color: #3e3e3e !important;
  300. }
  301.  
  302. .night-mode .week-rank__btn.active,
  303. .night-mode #pub_msg_input,
  304. .night-mode #J_weekRankList li:hover,
  305. .night-mode #J_fansRankList li:hover,
  306. .night-mode .seat-item:hover,
  307. .night-mode #search-bar-input,
  308. .night-mode .search-item:hover,
  309. .night-mode .video-link:hover,
  310. .night-mode .history-bd .new-clickstat:hover,
  311. .night-mode .video-item:hover,
  312. .night-mode .match-item:hover,
  313. .night-mode .hy-header-match-preview li:hover,
  314. .night-mode .week-rank__bd li:hover,
  315. .night-mode .follow-ctrl,
  316. .night-mode #J_roomWeeklyRankListRoot ul>li:hover,
  317. .night-mode [class^="seat-item-"]:hover
  318. {
  319.     background-color: #565656 !important;
  320. }
  321.  
  322. .night-mode .msg-bubble
  323. {
  324.     background-image: none !important;
  325. }
  326.  
  327. .night-mode .subscribe-live-item:hover{
  328.    box-shadow: 2px 2px 10px #565656 !important;
  329. }
  330.  
  331. .night-mode-btn-wrapper,.setting-btn-wrapper{
  332.     position: fixed;
  333.     right: 20px;
  334.     margin-left: 10px;
  335.     height: 60px;
  336.     display: flex;
  337.     align-items: center;
  338.     justify-content: center;
  339. }
  340.  
  341. .night-mode-switch-btn,.setting-btn{
  342.     width: 26px;
  343.     height: 26px;
  344.     border-radius: 13px;
  345. }
  346.  
  347. .huyaplus-page-full-mode #player-wrap{
  348.     height: 100% !important;
  349. }
  350.  
  351. .huyaplus-page-full-mode #player-gift-wrap{
  352.     position: relative;
  353.     bottom: 0px !important;
  354.     transition: all .5s;
  355. }
  356.  
  357. .huyaplus-page-full-mode #player-ctrl-wrap{
  358.     position: relative;
  359.     bottom: 0 !important;
  360.     transition: all .5s !important;
  361. }
  362.  
  363. #player-ctrl-wrap.show, #player-gift-wrap.show{
  364.     bottom: 100px !important;
  365. }
  366.  
  367. .night-mode-icon,.setting-icon{
  368.    fill: #8A8A8A;
  369. }
  370.  
  371. .night-mode .night-mode-icon,.night-mode .setting-icon{
  372.    fill: #AEAEAE;
  373. }
  374.  
  375. .setting-panel-wrapper{
  376.     visibility: hidden;
  377.     width: 200px;
  378.     height: 0;
  379.     position: absolute;
  380.     top: 100%;
  381.     background: #777777;
  382.     padding: 10px;
  383.     transition: height .3s;
  384.     border-bottom-right-radius:5px;
  385.     border-bottom-left-radius:5px;
  386. }
  387.  
  388. .setting-btn-wrapper:hover .setting-panel-wrapper{
  389.     visibility: visible;
  390.     height: 200px;
  391. }
  392.  
  393. .video-previewing .item-mask,
  394. .video-previewing .btn-link__hover_i{
  395.     visibility: hidden;
  396. }
  397.  
  398. .player-danmu-pane{
  399.     height: 430px !important;
  400. }
  401.  
  402. .shield-keyword-pane{
  403.     padding: 15px;
  404. }
  405.  
  406. .shield-keyword-pane #shield-keyword{
  407.    display: flex;
  408.    align-items: center;
  409. }
  410.  
  411. .shield-keyword-pane #shield-keyword-input{
  412.    width: 100%;
  413.    height: 75px;
  414.    margin-top: 5px;
  415.    resize: none;
  416.    outline: none;
  417.    background: #565656;
  418.    color: #E7E7E7;
  419.    padding: 2px 10px;
  420.    box-sizing: border-box;
  421.    overflow: overlay;
  422. }
  423.  
  424. .shield-keyword-pane #shield-keyword-input:disabled{
  425.    cursor: not-allowed;
  426. }
  427.  
  428. .player-ctrl-wrap .player-danmu-pane .shield-keyword-pane .danmu-shield-cbox {
  429.     display: inline-block;
  430.     width: 10px;
  431.     height: 10px;
  432.     border: 1px solid #999;
  433. }
  434.  
  435. ::-webkit-scrollbar
  436. {
  437.     width:5px;
  438.     height:5px;
  439.     background-color:transparent;;
  440. }
  441.  
  442. ::-webkit-scrollbar-track
  443. {
  444.     -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3);
  445.     border-radius:2px;
  446.     background-color:transparent;
  447. }
  448.  
  449. ::-webkit-scrollbar-thumb
  450. {
  451.     border-radius:2px;
  452.     -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.3);
  453.     background-color: #df8300;
  454. }
  455.  
  456. .huyaplus-player-control-btn{
  457.     width:20px;
  458.     height:20px;
  459.     margin-left: 10px;
  460.     background-size: 20px 20px;
  461. }
  462.  
  463. #huyaplus-player-control{
  464.     display:flex;
  465.     align-items: center;
  466.     width:60px;
  467.     height:24px;
  468. }
  469.  
  470. #player-mirror-btn{
  471.    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABstJREFUeF7tnVtrG1cQx2dOvSWYlkJC0yaBBoIpbS5tpF3LamkuIsXQL5DXUsgHyVM+TJ4Cfslb+iDZ62ijOLRuCLm0zVPfilKRhETaKWPkoMiy1rvSao92/wZjY5+ze2bmP5ffSsZM+Ci0B7jQ1sN4ggAKLgIIAAIouAcKbj4qAARQcA8U3HxUAAhgvAeazeZlZn7med7zgvtqrszf3Nw8wsynKpVKc9zBIyuACsAYc4uI6iJS16+u6zaYWebKIwU47NbWViUMw1URWSWiC0T0k+u6t6chgDtDF/mNmethGNaNMY1yufx3AfxrnYma5Y7j7AZcg3586JCpCWDwPu2h6rDBzD3rvJWTA43I8nGWzUQAwwd4Vx16vd7GysrKnznxfSZmHCDLrRPAyOpgjFl/8uSJf/Xq1TeZeHKObhozy60WwMjqICINEfE9z3s6R3FJ7agTZvlcCWBPddBhstfr+Z1Ox6/Vaq9T87JlF55ils+tAEZWByLSIdIvlUqPLYvZRMdJMctzI4A91YGI1onI77eLlxNFIIPNM8ryXApgT3VQMRhjNrrdrr+8vPwog3hG3jKjLC+EAN6rDjpEqhi0OrTbbZ0dOpHRSWmBBVleOAGMqg6+zg4qCNd1H6YU653LWpjlhRfA8OygQ+RGGIa+totqtfpiUkFYnuXZCYCZfxWRf5n5kogcntTR097PzNsqBM/zrsW9dhAEx5j5BhGNesYe93JZrU/3UbAKoFwu13atC4LgHDNf7AviEhEdzcrywfu6rhv5qufwOX3f/8xxnH9sOP8EZ5itAIYPevPmzQ+WlpbOikhVhSEiKooTExiUaCsEsL/bIjOj/36A4ZeDd644XAEOEp16vf7x4uKiikI/f9BqQUQnD7I36RoIwCIBjDrKgwcPjna73bPMrKL4loguEtFS0oAP74MALBfAqOO1Wq2TInJOK4UKg4hcIvoqiSgggDkUwKgj37t372sVhDFmp4X0K8aXUaKAAHIigGEztre3P3z16tWOIIjoFxG5PMpUCCCnAhg0q9Vq3YEA9gQ6WwyMKs3T/D0EMNKbEIC6BS0ALSDyecewi/AksO+RaT8ImmbZxwwQ6U20ALSAdP4yKPGj4EjNJlyAIRBDIDBwrwbQAtAC0AKAgWPaaiQegQISDiV2bEMLQAtAC0ALQAvAewL30wBmgH08g0fBeBSMdwWrBkABdozzCU8BCgAFgAJAAaAAUAAoIGYTBQWAAkABoAD8cSgwMGbrsGw5MBAYCAwEBgIDgYHAwJjNGRgIDAQGAgOBgcDAmK3DsuXAQGAgMBAYCAwEBgIDYzZnYCAwEBgIDAQGAgNjtg7LlgMDgYHAQGAgMBAYCAyM2ZyBgcBAYCAwEBgIDIzZOixbDgwEBgIDgYHAQGAgMDBmcwYGAgOBgcBAYCAwMGbrsGw5MBAYCAwEBgIDgYHAwJjNGRgIDAQGAgOBgcDAmK3DsuXAQGAgMBAYCAwEBgIDYzZnYCAwEBgIDAQGAgNjtg7LlgMDgYHAQGBgXjEwCIJFETlrjDnNzD+LyOVRtrouMDAXGNhqtb4jotNhGGrAT+v3RPRFVN+FAPb3kLX/N/D+/fvnwzCsaJBFZDfgJ6KCjQrwngfmYwhsNpunjDFXiOibflZrZn+eJNgQgOUC2NzcPLKwsPAjM1/SzO4H/NNpBRsCsEgAQRA4zHxFRDTgK9q3ReRwmsGGADIUwN27d79fWFjQUq5BP09En8w62BDAjAUgIv8RUY2IPrIh2INnYObtMAx9z/OuxT1bEATHmPkGEa0S0fG4+y1Zn+4QaImRg8d4QUQb/U//7du3G9VqVX820cfW1lYlDMNVEVExXJjoYrPdnH8B7Ga5MWYn8OVy+Y80faxDrOM4u2KwvTrkUgDvZfmhQ4caZ86c6aQZ9HHXtrw65EMAg1kuIuuu6z7MKuDj7mthdZhbAbzLchHR0l73PO+ljUG3vDrMjwAGsny91+s1lpeXH81bwC2sDlYL4F2Wh2HY6HQ69Vqt9jpPQbegOtglgN0sZ+a6MaZRKpUeFyXgGVWHzAWwk+XM3DDG1B3H0Yn9DYI+3gNTJIvZC0CzXCd1zXIt7Z7nPUXAk3tgQrKYiQA0y9d1Utegt9vtRq1W6yY3GTunODukJoDfiaihQdfSXiqV/kLYZu+BA1SHqQnglgZbRBqa5Wtra43r16+HszcZd4xZHaYjAGZ+5nnec7h/fjyg1YGZT1Uqlea4U0e+J3B+TMZJk3gAAkjitRztgQByFMwkpkAASbyWoz0QQI6CmcQUCCCJ13K0BwLIUTCTmAIBJPFajvb8D7Zr/uoilXB8AAAAAElFTkSuQmCC);
  472. }
  473.  
  474. #player-mirror-btn:hover{
  475.     background-image: url(data:image/png;base64,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);
  476. }
  477.  
  478. #player-rotate-btn{
  479.    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACr9JREFUeF7tXX2MHVUVP2d2NzG7jSuEmNiIdDNz5nW7pLFiIlWJxUhslRQ1IW2M+FH/oIUaLGJL/Ag1QSoatZFo0SgKSNY21bYEv0oMRFoqsCKu1N337uyiqcSoGAm1S93tm2Nu+/qx7X7ce9/MvPveO5PsX3vOuef8zu+dc+fOnTsIbXoppR6rhf4VIvp1m8IA2I6BK6XuAICt58T+OSLa1o5YCAHOZn13V1fX5kWLFr3QTkQQAkzP9lgQBFvCMPxpu5BACDBzpu8ios+3AwmEALNn+VcA8Bki+nMrE0EIMHd2/4GIW6Iour9VSSAEMMgsM38rjuNbDESbTkQIYJgyRHyCmT9NRM8aqjSFmBDALk3HmPm2OI7vtVPzV1oI4Jab+6IoWo+IU27q/mgJAdxz8QdE/FQURQfdTTRes6UJsGvXro6lS5d2V6vVngULFnSfOHGiJ03THgB473lLwc6ZCIJgUxiG250NNFixJQhQLpcv6erq6k/TtJ+Z+wGgHxEXM/NlReCLiIPMvJ6IXilivCzHaEoCjIyMLOro6FgRBMG7AGAFMy/KEhRHWyoIgg1hGP7GUb8hak1DAKWULtsrAeAqALiiIWiZDdpUTxa9JsD4+PhVaZpey8zvB4ABM/y9kNqLiDdGUfRPL7yZwwnvCJAkyaXMvA4ArgWAt/oO4Bz+vajnBXEcP+JzDN4QYHx8vJSm6bpa8i/xGTQL335PRF6TuOEEUEotA4B1iKiT320BbjOIPk5EV/vsaMMIoJR6IwDcCgCbfAaoDt8enpqaWr9kyZK/12Ejd9WGEEAppZOuk69J0HIXIn4hiqIvN0NghRJAKXV97Re/vBnAcfBxHAA2ENF+B92GqBRCgKGhoa7e3t5vAsDNDYmymEF3dnZ2ru/r63u5mOGyGSV3AoyOji7t6OjQyX93Ni77ZyVN09tKpdLX/fNsfo9yJUC5XF4TBME3AGDh/K40nwQiDler1Y2lUumJ5vP+lMe5EWCGly+KxkgBwCgzjwZB8BIz/xcAXmHmlxFRLyWf+2KItW/MfL9e7SOi/1kre6SQCwGSJLmbmTcXFKdO7DAAPAcAh6ampp7r7+8fQcTqbOPXSc7jtd3C3ykovlyHyZwAlUplByKuz9VrgL8BwE5E/Bkz69U2q1+hKwEQ8UlEvCUMw6Gc4yvMfKYEUErp3TFvz9H7x5h557Fjx3YuW7bMebbtSIBvE9HGHGNriOnMCKCUOgoAC7KOAhF1onfqvyiKTr/RW9cwlgR4KQiCzWEY/rCuQT1VzoQASZL8h5lfl3GMes/dQ/oXT0S65Gd2mRKAmR8NguDWKIqez2xwzwzVTQCllJ5tRxnHtW1ycvKugYEBPcHL/DIkwN1EdHvmg3tmsC4CKKWeBIAsl3V/mabptrzvq+ciACL+hZm3ENEuz3KVizvOBFBK7QOA1Rl5Va29g1fIatpsBGDmPYj4WSIayygu7804ESDL+3xEfAYA9AuYmUzwTBCfiQDM/MU4ju800W8lGWsCJEmylpkHswABEb979OjR2+u5pXPx4zwCPF87FOIXLraaXceKAHrbVrVafRQALs0gcP3uvX5O0JCrRgKYmpr6nu+bNvIEyIoASZLsZebrMnBoTbtMsjLAKlcTxgQwvHUycfZqInrcRFBk8kfAiAB64yYiHshg0+bKdj6TL/902o9gRIBKpTKIiGvtzU/TuIGIflynDVHPGIF5CZDFrJ+ZPxHH8Y8y9l3MZYDAnAQYGhrq7u3tPQAAeu++6/VRInrQVVn08kVgTgJkMPHbTkStuu8/38wUZH1WAoyPj19WrVafBoDXO/ry28nJyWsGBgYmHfVFrQAEZiVAPcu9ev8dIl5DRL8rIAYZog4EZiRApVLRJ2zoX7/TBg/9NC2O46/W4ZeoFoTAjARQSt0DAK7bnw4S0Tvz8F/fkaRpurq2qzfOY4wWtnlYP3hDxP1hGJ55lnMBAZRSbwEA/YQucATjOiJ62FF3VrUkSTYysyamXPUjsImITh5sdQEBkiS5k5ldT8q+j4g+Wb9/0y0opTYAQEtsw84amzrs3UREO2aqAH8CgMtdDDPzlXEcP+WiO5vO8PDwRd3d3YeYuZSl3Xa3hYjliYmJ5dMIUC6X3xcEwc8dwXmIiD7iqDurWgZrEVm71Er2tk4jQJIk9zLzjS4Rpmn6nlKplPkRaRk9h3AJqeV1Tm6BOx3l2NhYLzOPMPMbHCLfR0QfcNCbV0UpVQYAmfHPi5STwNgZAtQOb3DdCXs9Ee12cmEeJaUU52FXbJ5C4FwC6O1ZLuv2fySiN+cFqBAgL2QvJIC+93c50izXkzGFAAUQoHZi1xGHoV5l5svjONZn4+RyCQFygfWM0ZMtIEmSNcz8E4ehdhORPvgpt0sIkBu0Z+cASqnvA4D1Ch4ibo6i6Gt5uigEyBPd2iRQKaXffnU5jDn3Hb51EKDddh6vcKHKyRbgCnJPT0/PwoULJ1wGNtVx9U2fAUREXzIdp9nlXHFCpdQSADjsAMCzRJT7uf2ugQkBzDKqCaAncS4LQA8Q0cfMhnGXEgKYYeeKkybAHY5HpuV6/386bNfApAKYEUcTQP/6rW/lEPGDURTtNRvGXUoIYIadK06YJIl+5esdZsOclers7Ozv6+sbtdWzlXcNTCqAGdJYqVT0YUzWa/lENO9bRWYuzC0lBDBD0RUn3QKsH7cy89E4jl9r5lp9Uq6BSQUww10TQD8DsP1ww4tEZKtj5tF5UkIAM9hccdIE+DcAXGw2zCkpfQBzHMf6C525X66BSQUwS40mwKsA8Boz8TNSTxPR2yx1nMSFAGawueKkCfAvALD6TBsi7omi6ENmrtUn5RqYVAAz3DUBfqA/22YmfkbqZiIqZJ++EMAsM6446dvAD+szec2GOSUVBEEpDMOKjY6rrGtgUgHMEMexsbE3pWn6VzPxk1JPEdGVFvJ1iQoBzOBzxen0jqCVaZo+iIjzzQUOVqvVGxYvXvyCmVv1S7kGJhXADPtzdwXrX7U+E3/xTKqIuK+jo+PjRX8WTQhglkhXnKYt5x45cuTi48ePrwKAVcy8ChFHAOCRNE0PlEolfVZQ4ZdrYFIBzFJVyHq+mSszSwkBzNBzxUkIYIav91JCgAtTJHsCDWgrFcAApGYQkQogFcDpJVqpAM3w8zbwUSqAVACpAOdxQCaBBpVDWoABSM0gIi1AWoC0AGkB9rVKWoA9Zl5qSAuQFiAtQFqAfXGSFmCPmZca0gKkBUgLkBZgX5ykBdhj5qWGtABpAdICpAXYFydpAfaYeakhLUBagLQAaQH2xUlagD1mXmpIC5AWIC1AWoB9cZIWYI+ZlxrSAqQFSAuQFmBfnKQF2GPmpYa0AGkB0gKkBdgXJ2kB9ph5qSEtYIYW4GWm8nNqq4vpVq4ALni0nY4QoO1SPj1gIYAQwG8EXCc3fkflj3dSAfzJRUM8EQI0BHZ/BhUC+JOLhnjSDASw/qZRQ5BszkHHvCdApVIZRMS1zYmv314z8x7vCVDHl039Rt8P77Z6T4Dh4eGLuru7DzFzyQ/MWsMLRCxPTEws954AGm6l1AYAKOQTNa2RXqMobiKiHU1BAB1OkiQbmfkeo9BEaD4ENhHRdi3UNASokWBtmqarEfEKAIjni1L+Pw2Bw4j4DCLuD8Nw8PR//g8ipB1sF/U5OQAAAABJRU5ErkJggg==);
  480. }
  481.  
  482. #player-rotate-btn:hover{
  483.    background-image: url(data:image/png;base64,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);
  484. }
  485.  
  486. #player-video>#hy-video {
  487.     transition: transform .5s;
  488.     transform-origin: center;
  489. }
  490.  
  491. .huyaplus-copy-stream-wrapper{
  492.     height: 28px;
  493.     cursor: pointer;
  494.     display: flex;
  495.     position: absolute;
  496.     right: 90px;
  497.     top: 30px;
  498.     z-index: 1000;
  499.     background: transparent;
  500. }
  501.  
  502. .huyaplus-copy-stream-wrapper .copy-stream-link{
  503.     position: relative;
  504. }
  505.  
  506. .huyaplus-copy-stream-wrapper .huyaplus-copy-stream-btn
  507. {
  508.     line-height: 28px;
  509.     margin-right: 20px;
  510.     font-weight: 500;
  511.     font-size: 12px;
  512.     color: #FFF;
  513.     background: rgba(34,34,34,.6);
  514. }
  515.  
  516. .huyaplus-copy-stream-wrapper .huyaplus-copy-stream-btn:hover
  517. {
  518.     background: #ff9600;
  519. }
  520.  
  521. .quick-chat-bar-wrapper{
  522.     width: 100%;
  523.     height: 40px;
  524.     position: absolute;
  525.     bottom: 200px;
  526.     background: transparent;
  527.     display: flex;
  528.     justify-content:center;
  529. }
  530.  
  531. .quick-chat-bar-wrapper .quick-chat-input-wrapper{
  532.     width: 400px;
  533.     height: 100%;
  534. }
  535.  
  536. .quick-chat-bar-wrapper #quick-chat-input{
  537.     display: block;
  538.     width: 100%;
  539.     height: 100%;
  540.     background: #FFF;
  541.     outline: none;
  542.     border:none;
  543.     padding: 5px 10px;
  544.     box-sizing: border-box;
  545.     border-top-left-radius: 5px;
  546.     border-bottom-left-radius: 5px;
  547. }
  548.  
  549. .quick-chat-bar-wrapper .quick-chat-send-btn{
  550.     width: 80px;
  551.     height: 100%;
  552.     line-height: 40px;
  553.     text-align: center;
  554.     background: #ff9600;
  555.     color: #FFF;
  556.     border-top-right-radius: 5px;
  557.     border-bottom-right-radius: 5px;
  558. }
  559.  
  560. .ele-hide{
  561.     display: none;
  562. }
  563.  
  564. .quick-chat-send-btn.div-disabled{
  565.     cursor: not-allowed;
  566.     background: #919191;
  567. }
  568.  
  569. #videoContainer{
  570.     outline: none;
  571. }
  572. `));
  573.  
  574.     document.head.appendChild(style);
  575. }
  576.  
  577. async function addCopyStreamContent(){
  578.     await waitLoad(()=>$("#videoContainer").length > 0);
  579.  
  580.     const openWithPlayerBtn = isMacOS() ? `<span class="huya-plus-btn open-with-iina huyaplus-copy-stream-btn">IINA打开</span>`: `<span class="huya-plus-btn open-with-potplayer huyaplus-copy-stream-btn">PotPlayer打开</span>`;
  581.     let copyStreamHtml = `<div class="huyaplus-copy-stream-wrapper">
  582.         <span class="huya-plus-btn copy-stream-link huyaplus-copy-stream-btn">直播流</span>
  583.         ${openWithPlayerBtn}
  584.     </div>`;
  585.     $("#videoContainer").prepend(copyStreamHtml);
  586.  
  587.     document.querySelector('.copy-stream-link').onclick = async e=>{
  588.         GM_setClipboard(await getStreamUrl());
  589.         showCopySuccessIcon();
  590.     };
  591.  
  592.     $(".open-with-iina").click(async ()=>{
  593.         openStreamWithIINA(await getStreamUrl());
  594.     });
  595.  
  596.     $(".open-with-potplayer").click(async ()=>{
  597.         openStreamWithPotPlayer(await getStreamUrl());
  598.     });
  599. }
  600.  
  601. async function getStreamUrl(){
  602.     let url = window.location.href;
  603.     let streamUrl = sessionStorage.getItem(url)
  604.     if(!streamUrl || streamUrl.length === 0){
  605.         streamUrl = await doGetStreamUrl(url).catch(e=>{console.error(e)});
  606.         if(streamUrl && streamUrl.length > 0){
  607.             sessionStorage.setItem(url, streamUrl);
  608.         } else {
  609.             alert("获取直播流失败");
  610.             throw new Error("获取直播流失败");
  611.         }
  612.     }
  613.  
  614.     let ibitrate = getCurrentIbitrate();
  615.     return convertStreamIbitrate(streamUrl, ibitrate)
  616. }
  617.  
  618. function getCurrentIbitrate(){
  619.     return $(".player-videotype-list>li.on").attr('ibitrate');
  620. }
  621.  
  622. function convertStreamIbitrate(streamUrl, ibitrate){
  623.     let ibit = parseInt(ibitrate);
  624.     if(!isNaN(ibit)){
  625.         if(ibit > 0){
  626.             if(streamUrl.indexOf() != -1){
  627.                 streamUrl = streamUrl.replace(/(ratio=)(\d+)&/, `$1${ibit}&`);
  628.             } else {
  629.                 streamUrl += `&ratio=${ibit}`
  630.             }
  631.         } else {
  632.             streamUrl = streamUrl.replace(/(ratio=)(\d+)&/, '');
  633.         }
  634.     }
  635.     return streamUrl;
  636. }
  637.  
  638. async function doGetStreamUrl(url){
  639.     try{
  640.         let mobileHtml = await new Promise((resolve,reject)=>{
  641.             GM_xmlhttpRequest({
  642.                 method: 'GET',
  643.                 headers: {
  644.                     'user-agent':'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1'
  645.                 },
  646.                 url: url,
  647.                 responseType: 'text',
  648.                 onload: resp=>{
  649.                     resolve(resp.responseText);
  650.                 },
  651.                 onerror: e => {
  652.                     reject(e);
  653.                 }
  654.             })
  655.         });
  656.         let roomInfoJson = /\<script\>\s*window\.HNF_GLOBAL_INIT\s*=\s*(.+)\<\/script\>/.exec(mobileHtml)[1];
  657.         let roomInfo = JSON.parse(roomInfoJson);
  658.         let liveInfo = roomInfo.roomInfo.tLiveInfo.tLiveStreamInfo;
  659.         let streamInfo = liveInfo.vStreamInfo.value.filter(sinfo => sinfo.sStreamName && sinfo.sStreamName.length > 0)[0];
  660.         let bitrateInfo = liveInfo.vBitRateInfo.value;
  661.         let streamUrl = buildStreamUrl(streamInfo, bitrateInfo);
  662.         streamUrl = streamUrl.replace('http', 'https');
  663.         return streamUrl;
  664.     }catch(e){
  665.         throw e;
  666.     }
  667. }
  668.  
  669. async function doGetStreamUrlV2(){
  670.     let config = unsafeWindow.hyPlayerConfig;
  671.     let streamInfo = config.stream.data[0].gameStreamInfoList.filter(it=>it.sStreamName)[0]
  672.     let bitrateInfo = config.stream.vMultiStreamInfo;
  673.     let streamUrl = buildStreamUrl(streamInfo, bitrateInfo);
  674.     streamUrl = streamUrl.replace('http://', 'https://').replace("&amp;", "&");
  675.     return streamUrl;
  676. }
  677.  
  678. function buildStreamUrl(streamInfo, bitrateInfo){
  679.     let sortedBitrate = bitrateInfo.map(it=>it.iBitRate).filter(it=>it>0).sort((it1,it2)=>it1-it2);
  680.     return `${streamInfo.sFlvUrl}/${streamInfo.sStreamName}.${streamInfo.sFlvUrlSuffix}?ratio=${sortedBitrate[0]}&${streamInfo.sFlvAntiCode}`;
  681. }
  682.  
  683. function isMacOS(){
  684.     var UserAgent = navigator.userAgent.toLowerCase();
  685.     return /mac os/.test(UserAgent);
  686. }
  687.  
  688. function showCopySuccessIcon(){
  689.     $('span.copy-stream-link').addClass('copy-success');
  690.     setTimeout(()=>{$('span.copy-stream-link').removeClass('copy-success');},1000)
  691. }
  692.  
  693. function autoReceiveBoxReward(){
  694.     let rewardBtns = $(".player-box-list .player-box-stat3").filter((i,it)=>$(it).css("visibility") === 'visible');
  695.     if(rewardBtns.size() > 0){
  696.         let btn = $(rewardBtns[0]);
  697.         btn.click();
  698.         let waitComplete = ()=>{
  699.             if(btn.css("visibility") === 'hidden'){
  700.                 $("#player-box").hide();
  701.                 console.log("开启宝箱");
  702.                 autoReceiveBoxReward();
  703.             } else {
  704.                 setTimeout(waitComplete,1000);
  705.             }
  706.         };
  707.         setTimeout(waitComplete,1000);
  708.     }
  709. }
  710.  
  711. function cleanPage(){
  712.     $(".room-gg-chat").remove();
  713.     $(".room-footer").remove();
  714. }
  715.  
  716. function chat(msg){
  717.     $("#player-full-input-txt").val(msg);
  718.     $("#player-full-input-btn").click();
  719.     let sendTimeout = parseInt($("#chatRoom .msg_send_time").text());
  720.     return isNaN(sendTimeout) ? 0 : sendTimeout;
  721. }
  722.  
  723. function openStreamWithPotPlayer(streamUrl){
  724.     openStreamWithPlayer("PotPlayer://", streamUrl);
  725. }
  726.  
  727. function openStreamWithIINA(streamUrl){
  728.     openStreamWithPlayer("iina://weblink?url=", encodeURIComponent(streamUrl))
  729. }
  730.  
  731. function openStreamWithPlayer(playerUrlSchema, streamUrl){
  732.     window.open(`${playerUrlSchema}${streamUrl}`, "_self")
  733. }
  734.  
  735. function jqueryLoaded(){
  736.     $ = unsafeWindow.$
  737.     return $;
  738. }
  739.  
  740. function pageLoaded(){
  741.     if($(".tasks .status").size() == 0){
  742.         $(".nav-user-title").mouseenter()
  743.     }
  744.     return $(".box-icon-word").size() > 0 && $(".tasks .status").size() > 0
  745. }
  746.  
  747. async function waitLoad(conditionFunc, timeout = 10000){
  748.     return new Promise(function(resolve,reject){
  749.         let w = ()=>{
  750.             if(conditionFunc()){
  751.                 resolve();
  752.             } else {
  753.                 if(timeout > 0){
  754.                     setTimeout(w, 1000);
  755.                     timeout -= 1000;
  756.                 } else {
  757.                     reject("wait load timeout");
  758.                 }
  759.             }
  760.         }
  761.         w();
  762.     });
  763. }
  764.  
  765. let switchDay = ()=>{
  766.     document.body.classList.remove('night-mode');
  767.     localStorage.setItem("night-mode",false);
  768. }
  769.  
  770. let switchNight = ()=>{
  771.     document.body.classList.add('night-mode');
  772.     localStorage.setItem("night-mode",true);
  773. }
  774.  
  775. function autoNightMode(){
  776.     if(localStorage.getItem("night-mode") === 'true'){
  777.         switchNight();
  778.     }
  779. }
  780.  
  781. function addNightModeSwitcher(){
  782.     $(".duya-header-bd").append(`
  783. <div class="night-mode-btn-wrapper" title="夜间模式">
  784.     <div class="night-mode-switch-btn">
  785.         <svg t="1594304048678" class="night-mode-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13479" width="26" height="26"><path d="M884.466526 372.574316v-226.357895h-222.585263L512 0 362.172632 146.216421H160.175158V362.172632L0 512l160.175158 149.827368v208.734316H362.172632L512 1024l149.827368-153.438316h222.639158V661.827368l139.587369-149.827368-139.587369-139.425684z m-362.172631 407.44421c-50.553263 3.610947-89.088-5.389474-123.472842-21.288421A271.845053 271.845053 0 0 0 557.271579 512c0-109.568-65.212632-203.722105-158.450526-246.730105a270.551579 270.551579 0 0 1 113.178947-24.899369c149.827368 0 271.629474 121.802105 271.629474 271.629474 0 149.827368-121.802105 268.018526-261.281685 268.018526z" p-id="13480"></path></svg>
  786.     </div>
  787. </div>
  788. `)
  789.  
  790.     $(".night-mode-switch-btn").click(()=>{
  791.         if(document.body.classList.contains("night-mode")){
  792.             switchDay();
  793.         } else {
  794.             switchNight();
  795.         }
  796.     })
  797. }
  798.  
  799. function settings(){
  800.     $("#J_global_user_tips").before(`
  801. <div class="setting-btn-wrapper" title="设置">
  802.     <div class="setting-btn">
  803.         <svg t="1594304610163" class="setting-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14953" width="26" height="26"><path d="M972.635487 631.216851L892.207069 548.741164a368.50839 368.50839 0 0 0 1.754802-37.216423 372.456694 372.456694 0 0 0-1.754802-37.216423l80.428418-82.18322a51.181721 51.181721 0 0 0 18.791004-69.82649l-76.699465-132.926241a51.181721 51.181721 0 0 0-69.82649-18.86412l-111.576152 28.73488a385.105891 385.105891 0 0 0-64.488968-37.289539L638.053267 51.181721a51.181721 51.181721 0 0 0-51.181721-51.181721h-153.545163a51.181721 51.181721 0 0 0-51.18172 51.181721l-30.78215 111.064334a384.082256 384.082256 0 0 0-64.488968 37.216423L175.297394 170.727597a51.181721 51.181721 0 0 0-69.826491 18.86412L29.063906 322.517958a51.181721 51.181721 0 0 0 18.86412 69.82649l80.428418 82.183221a368.50839 368.50839 0 0 0-1.754802 37.216422c0 12.502963 0.584934 24.859693 1.754802 37.216423l-80.428418 82.18322a51.181721 51.181721 0 0 0-18.86412 69.826491L105.76337 833.896466a51.181721 51.181721 0 0 0 69.826491 18.86412l111.576151-28.734881a385.252124 385.252124 0 0 0 64.488968 37.216423l30.78215 111.064334a51.181721 51.181721 0 0 0 51.18172 51.181721h153.545163a51.181721 51.181721 0 0 0 51.181721-51.181721l30.782149-111.064334a383.570439 383.570439 0 0 0 64.488968-37.216423l111.503035 28.734881a51.181721 51.181721 0 0 0 69.82649-18.86412l76.699465-132.926241a51.181721 51.181721 0 0 0-19.010354-69.753374z m-462.536522 59.663263a179.20914 179.20914 0 0 1-179.062906-179.062906 179.20914 179.20914 0 0 1 179.062906-179.062906 179.20914 179.20914 0 0 1 179.062906 179.062906 179.282256 179.282256 0 0 1-179.062906 179.062906z m0 0" p-id="14954"></path></svg>
  804.     </div>
  805.     <div class="setting-panel-wrapper">
  806.         <div class="setting-panel">
  807.             <label>直播流清晰度: </label>
  808.             <input id="video-type-bd" type="radio" name="videoType"><label for="video-type-bd">超清</label>
  809.             <input id="video-type-hd" type="radio" name="videoType"><label for="video-type-hd">高清</label>
  810.             <input id="video-type-dvd" type="radio" name="videoType"><label for="video-type-dvd">流畅</label>
  811.         </div>
  812.     </div>
  813. </div>
  814. `)
  815. }
  816.  
  817. // 自动领取礼物掉落的宝箱
  818. let receiveTimer;
  819. function autoReceiveTreasure(){
  820.     if($("#J_treasureChestContainer .btn").size() === 0){
  821.         return;
  822.     }
  823.     let alreadyChat = false;
  824.     let receive = ()=>{
  825.         if($("#J_treasureChestContainer .btn.usable").size() > 0){
  826.             $("#J_treasureChestContainer .btn.usable").click()
  827.             clearInterval(receiveTimer);
  828.             receiveTimer = undefined;
  829.         } else if($("#J_treasureChestContainer .btn").size() > 0) {
  830.             if(!alreadyChat){
  831.                 chat('666')
  832.                 alreadyChat = true;
  833.             }
  834.         } else {
  835.             clearInterval(receiveTimer);
  836.             receiveTimer = undefined;
  837.         }
  838.     }
  839.     if(!receiveTimer){
  840.         receiveTimer = setInterval(receive,1000);
  841.     }
  842. }
  843.  
  844. function addEventListener(){
  845.     $("#player-fullpage-btn").click(()=>{
  846.         setTimeout(()=>{
  847.             if($(".player-narrowpage").size() > 0){
  848.                 $("#videoContainer").addClass("huyaplus-page-full-mode");
  849.             } else {
  850.                 $("#videoContainer").removeClass("huyaplus-page-full-mode");
  851.                 $("#player-ctrl-wrap, #player-gift-wrap").removeClass("show");
  852.             }
  853.         })
  854.     })
  855.  
  856.     $("#player-fullscreen-btn").click(()=>{
  857.         setTimeout(()=>{
  858.             if($(".player-narrowscreen").size() > 0 && $(".player-narrowpage").size() > 0){
  859.                 $("#videoContainer").removeClass("huyaplus-page-full-mode");
  860.                 $("#player-ctrl-wrap, #player-gift-wrap").removeClass("show");
  861.             } else if($(".player-narrowpage").size() > 0){
  862.                 $("#videoContainer").addClass("huyaplus-page-full-mode");
  863.             }
  864.         })
  865.     })
  866.  
  867.     $("#player-video").dblclick(()=>{
  868.         setTimeout(()=>{
  869.             if($(".player-narrowpage").size() > 0){
  870.                 $("#videoContainer").addClass("huyaplus-page-full-mode");
  871.             } else {
  872.                 $("#videoContainer").removeClass("huyaplus-page-full-mode");
  873.                 $("#player-ctrl-wrap, #player-gift-wrap").removeClass("show");
  874.             }
  875.         })
  876.     })
  877.  
  878.     let copeStreamBtn = $(".huyaplus-copy-stream-wrapper .huyaplus-copy-stream-btn");
  879.     let hideCopyStreamBtn = setTimeout(()=>{
  880.         copeStreamBtn.hide();
  881.     }, 2000);
  882.     let shouldHideCopyStreamBtn = true;
  883.  
  884.     let hideTimeout, shouldHide = true;
  885.     $(".room-player").on("mousemove",".huyaplus-page-full-mode", throttle(()=>{
  886.         $("#player-ctrl-wrap, #player-gift-wrap").addClass("show");
  887.         clearTimeout(hideTimeout);
  888.         let hideFn = ()=>{
  889.             if(shouldHide){
  890.                 $("#player-ctrl-wrap, #player-gift-wrap").removeClass("show");
  891.             } else {
  892.                 hideTimeout = setTimeout(hideFn, 1000);
  893.             }
  894.         };
  895.         hideTimeout = setTimeout(hideFn, 1000);
  896.     },500)).on("mousemove", "#player-video", throttle(()=>{
  897.         copeStreamBtn.show();
  898.         clearTimeout(hideCopyStreamBtn)
  899.         hideCopyStreamBtn = setTimeout(()=>{
  900.             if(shouldHideCopyStreamBtn){
  901.                 copeStreamBtn.hide();
  902.             }
  903.         }, 1100)
  904.     }, 500))
  905.  
  906.     $("#player-gift-wrap,#player-ctrl-wrap").mouseenter(()=>{
  907.         shouldHide = false;
  908.     }).mouseleave(()=>{
  909.         shouldHide = true;
  910.     })
  911.  
  912.     copeStreamBtn.mouseenter(()=>{
  913.         shouldHideCopyStreamBtn = false;
  914.     }).mouseleave(()=>{
  915.         shouldHideCopyStreamBtn = true;
  916.     })
  917. }
  918.  
  919. function throttle(fn,delay){
  920.     let valid = true;
  921.     return function() {
  922.         if(!valid){
  923.             return false;
  924.         }
  925.         fn();
  926.         valid = false;
  927.         setTimeout(() => {
  928.             valid = true;
  929.         }, delay);
  930.     }
  931. }
  932.  
  933. function addStreamVideoPreview(){
  934.     let previewTimeout,flvPlayer;
  935.     $("body").on('mouseenter','.subscribe-live-item', function(e){
  936.         previewTimeout = setTimeout(()=>{
  937.             let streamUrl = $(e.target).parent().get(0).href;
  938.             $(e.target).parent().prepend(`<video muted="true" id="video-preview" style='width: 100%;height: 100%;display:none;'></video>`)
  939.             doGetStreamUrl(streamUrl).then(videoUrl=>{
  940.                 //if(Hls.isSupported()) {
  941.                 //    videoUrl = convertStreamIbitrate(videoUrl, 500);
  942.                 //    var video = document.getElementById('video-preview');
  943.                 //    hls = new Hls();
  944.                 //    hls.loadSource(videoUrl);
  945.                 //    hls.attachMedia(video);
  946.                 //    hls.on(Hls.Events.MANIFEST_PARSED,function() {
  947.                 //        let video = document.getElementById('video-preview');
  948.                 //        if(video){
  949.                 //            $(video).show();
  950.                 //            video.play();
  951.                 //            toggleLiveItemMask($(e.target).parent(), false)
  952.                 //        }
  953.                 //    });
  954.                 //}
  955.                 if (flvjs.isSupported()) {
  956.                     var videoElement = document.getElementById('video-preview');
  957.                     flvPlayer = flvjs.createPlayer({
  958.                         type: 'flv',
  959.                         isLive: true,
  960.                         url: videoUrl
  961.                     });
  962.                     flvPlayer.attachMediaElement(videoElement);
  963.                     flvPlayer.load();
  964.                     flvPlayer.play();
  965.                     $(videoElement).show();
  966.                     toggleLiveItemMask($(e.target).parent(), false)
  967.                 }
  968.             }).catch(e=>{
  969.                 console.log("Video Preview failed", e)
  970.             })
  971.         }, 1000)
  972.     });
  973.  
  974.     $("body").on('mouseleave','.subscribe-live-item', function(e){
  975.         clearTimeout(previewTimeout);
  976.         $("#video-preview").remove();
  977.         toggleLiveItemMask($(".video-previewing"), true)
  978.         if(flvPlayer){
  979.             flvPlayer.destroy();
  980.         }
  981.     });
  982. }
  983.  
  984. function toggleLiveItemMask(liveItemEle, show){
  985.     if(show){
  986.         liveItemEle.removeClass('video-previewing')
  987.     } else {
  988.         liveItemEle.addClass('video-previewing')
  989.     }
  990. }
  991.  
  992. function autoMaxIbitrate(){
  993.     let el = $('.player-videotype-list>li:first');
  994.     if(el.length === 1){
  995.         el.click();
  996.     }
  997. }
  998.  
  999. function getConfigKey(key){
  1000.     return `huya_plus_config_${key}`;
  1001. }
  1002.  
  1003. function setConfig(key, value){
  1004.     localStorage.setItem(getConfigKey(key), value || "");
  1005. }
  1006.  
  1007. function getConfig(key){
  1008.     return localStorage.getItem(getConfigKey(key)) || "";
  1009. }
  1010.  
  1011. let filterByKeyword = getConfig("filterByKeyword") === 'true';
  1012. let filterHistoryDanmu = localStorage.getItem("shieldHistoryDanmu") === '1';
  1013. let filterKeywordList = getConfig("filterKeywordList").split(',');
  1014.  
  1015. function addDanmuFilterUI(){
  1016.     let danmuSettingPane = $(".player-danmu-pane");
  1017.     $(".danmu-shield-area #shield-history").show();
  1018.     let html = `<div class="shield-keyword-pane">
  1019.         <div id="shield-keyword" class="shield-cked">
  1020.                     <div class="danmu-shield-cbox"></div>
  1021.                     <em>屏蔽关键词</em>
  1022.                 </div>
  1023.                 <textarea id="shield-keyword-input" placeholder="填写弹幕屏蔽关键词，每行一个"></textarea>
  1024.     </div>`
  1025.     danmuSettingPane.prepend(html);
  1026.  
  1027.     let keywordShieldSwitch = $("#shield-keyword");
  1028.     let keywordShieldInput = $("#shield-keyword-input");
  1029.     if(filterByKeyword !== keywordShieldSwitch.hasClass("shield-cked")){
  1030.         keywordShieldSwitch.toggleClass("shield-cked");
  1031.     }
  1032.     keywordShieldInput.attr("disabled", !filterByKeyword);
  1033.  
  1034.     if(filterKeywordList && filterKeywordList.length > 0){
  1035.         keywordShieldInput.val(filterKeywordList.join("\n"));
  1036.     }
  1037.  
  1038.     keywordShieldSwitch.click(()=>{
  1039.         keywordShieldSwitch.toggleClass("shield-cked");
  1040.         filterByKeyword = keywordShieldSwitch.hasClass("shield-cked");
  1041.         setConfig("filterByKeyword", filterByKeyword)
  1042.         keywordShieldInput.attr("disabled", !filterByKeyword);
  1043.     });
  1044.  
  1045.     keywordShieldInput.blur(()=>{
  1046.         let keywordInput = keywordShieldInput.val();
  1047.         filterKeywordList = keywordInput.split('\n').map(it=>it.trim()).filter(it=>it&&it.length > 0);
  1048.         setConfig("filterKeywordList", filterKeywordList.join(','));
  1049.     });
  1050.  
  1051.     let shieldHistorySwitch = $("#shield-history");
  1052.     shieldHistorySwitch.click(()=>{
  1053.         filterHistoryDanmu = !filterHistoryDanmu;
  1054.     })
  1055. }
  1056.  
  1057. let danmuFilterTimer;
  1058. function danmuFilter(){
  1059.     addDanmuFilterUI();
  1060.  
  1061.     if(danmuFilterTimer){
  1062.         clearInterval(danmuFilterTimer);
  1063.     }
  1064.     danmuFilterTimer = setInterval(()=>{
  1065.         let danmuList = $('#danmudiv>.danmu-item')
  1066.         let danmuTextList=[];
  1067.         for(let i = 0; i < danmuList.length; i++){
  1068.             let danmuItem = $(danmuList.get(i));
  1069.             let danmuText = danmuItem.find('span').get(0).innerText;
  1070.             if(filterHistoryDanmu && danmuTextList.indexOf(danmuText) > -1){
  1071.                 console.log(`过滤重复弹幕：${danmuText}`)
  1072.                 danmuItem.remove()
  1073.                 continue;
  1074.             }
  1075.             danmuTextList.push(danmuText)
  1076.             if(filterByKeyword && filterKeywordList && filterKeywordList.length > 0){
  1077.                 for(let keyword of filterKeywordList){
  1078.                     if(danmuText.indexOf(keyword) > -1){
  1079.                         console.log(`过滤关键词(${keyword})弹幕：${danmuText}`)
  1080.                         danmuItem.remove()
  1081.                     }
  1082.                 }
  1083.             }
  1084.         }
  1085.     }, 100)
  1086. }
  1087.  
  1088. function addPlayerControlBtn(){
  1089.     let playerControlHtml = `<div id="huyaplus-player-control">
  1090.         <div class="huyaplus-player-control-btn" id="player-mirror-btn" title="视频镜像"/>
  1091.         <div class="huyaplus-player-control-btn" id="player-rotate-btn" title="视频旋转"/>
  1092.     </div>`;
  1093.     $(".player-ctrl-btn").prepend(playerControlHtml);
  1094.  
  1095.     let rotateCount = 0;
  1096.     let mirror = false;
  1097.     let scale = "scale(1)";
  1098.     $("#videoContainer").on("click", "#player-mirror-btn", ()=>{
  1099.         let videoEle = $("#player-video>#hy-video");
  1100.         if(!videoEle.hasClass("huya-plus-transformed")){
  1101.             mirror = false;
  1102.             rotateCount = 0;
  1103.             scale = "scale(1)";
  1104.         }
  1105.  
  1106.         mirror = !mirror;
  1107.         let rotateY = mirror ? "rotateY(180deg)" : "rotateY(0deg)";
  1108.         $("#player-video>#hy-video").css("transform", `${rotateY}rotateZ(${rotateCount * 90}deg)${scale}`)
  1109.             .addClass("huya-plus-transformed");
  1110.     }).on("click", "#player-rotate-btn", ()=>{
  1111.         let videoEle = $("#player-video>#hy-video");
  1112.         if(!videoEle.hasClass("huya-plus-transformed")){
  1113.             mirror = false;
  1114.             rotateCount = 0;
  1115.         }
  1116.  
  1117.         let rotateY = mirror ? "rotateY(180deg)" : "rotateY(0deg)";
  1118.         if(rotateCount % 2 === 0){
  1119.             let scaleValue = videoEle.height() / videoEle.width();
  1120.             scale = `scale(${scaleValue})`;
  1121.         } else {
  1122.             scale = "scale(1)";
  1123.         }
  1124.         videoEle.css("transform", `${rotateY}rotateZ(${++rotateCount * 90}deg)${scale}`)
  1125.             .addClass("huya-plus-transformed");
  1126.     })
  1127. }
  1128.  
  1129. function addQuickChatBar(){
  1130.     let quickChatBarHtml = `
  1131.         <div class="quick-chat-bar-wrapper ele-hide">
  1132.             <div class="quick-chat-input-wrapper">
  1133.                 <input id="quick-chat-input" type="text" autocomplete="off" placeholder="请输入弹幕,Enter键发送"/>
  1134.             </div>
  1135.             <div class="quick-chat-send-btn" id="quick-chat-send-btn">发送(enter)</div>
  1136.         </div>
  1137.     `;
  1138.     $("#videoContainer").append(quickChatBarHtml);
  1139.     let wrapper = $(".quick-chat-bar-wrapper");
  1140.     let input = $("#quick-chat-input");
  1141.     $("#videoContainer").attr("tabindex","999").focus().keyup(e=>{
  1142.         let isFullPage = $(".player-narrowpage").size() > 0 || $(".player-narrowscreen").size() > 0;
  1143.         if(e.keyCode === 13){
  1144.             if(!wrapper.hasClass("ele-hide")){
  1145.                 wrapper.toggleClass("ele-hide");
  1146.             } else if(isFullPage){
  1147.                 wrapper.toggleClass("ele-hide");
  1148.                 if(!wrapper.hasClass("ele-hide")){
  1149.                     input.focus();
  1150.                 }
  1151.             }
  1152.             e.stopPropagation();
  1153.         }
  1154.     });
  1155.  
  1156.     let tooFast = false;
  1157.     input.keyup(e=>{
  1158.         if(e.keyCode === 13){
  1159.             let text = input.val();
  1160.             if(text && text.length > 0){
  1161.                 if(!tooFast){
  1162.                     let sendTimeout = chat(text);
  1163.                     if(sendTimeout === 0){
  1164.                         wrapper.addClass("ele-hide");
  1165.                         $("#videoContainer").focus();
  1166.                         input.val("");
  1167.                     } else {
  1168.                         tooFast = true;
  1169.                         $("#quick-chat-send-btn").toggleClass("div-disabled");
  1170.                         let disableTimer = setInterval(()=>{
  1171.                             if(sendTimeout > 0){
  1172.                                 $("#quick-chat-send-btn").text(`倒计时:${sendTimeout}`);
  1173.                                 sendTimeout--;
  1174.                             } else {
  1175.                                 $("#quick-chat-send-btn").text("发送(enter)").toggleClass("div-disabled");
  1176.                                 clearInterval(disableTimer);
  1177.                                 tooFast = false;
  1178.                             }
  1179.                         }, 1000);
  1180.                     }
  1181.                 }
  1182.             } else {
  1183.                 wrapper.toggleClass("ele-hide");
  1184.                 $("#videoContainer").focus();
  1185.             }
  1186.             e.stopPropagation();
  1187.         }
  1188.     })
  1189. }
  1190.  
  1191. async function initPlayer(){
  1192.     await waitLoad(()=>$("#player-fullpage-btn").length > 0)
  1193.     setTimeout(autoMaxIbitrate, 100)
  1194.     setTimeout(()=>$("#player-fullpage-btn").click(), 1000)
  1195.     setTimeout(addPlayerControlBtn, 1000)
  1196.     setTimeout(addQuickChatBar, 1000)
  1197. }
  1198.  
  1199. let count = 0;
  1200. let timer,treasureTimer;
  1201. (async function() {
  1202.     await waitLoad(jqueryLoaded)
  1203.     cleanPage();
  1204.     autoNightMode();
  1205.     addNightModeSwitcher();
  1206.     //settings();
  1207.     addUi();
  1208.     addStreamVideoPreview();
  1209.  
  1210.     if($("#liveRoomObj").length > 0){
  1211.         await addCopyStreamContent();
  1212.         if(treasureTimer) clearInterval(treasureTimer)
  1213.         treasureTimer = setInterval(autoReceiveTreasure, 30000)
  1214.  
  1215.         await initPlayer();
  1216.         addEventListener();
  1217.         danmuFilter();
  1218.  
  1219.         let intervalInMills = 60 * 1000;
  1220.         let task = ()=>{
  1221.             autoReceiveBoxReward();
  1222.         };
  1223.         task();
  1224.         if(timer) clearInterval(timer);
  1225.         timer = setInterval(task,intervalInMills);
  1226.     }
  1227. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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