b-live-random-send-test

定时从设置的字幕中随机取出一条在B站直播间发送,需先登录B站账号

当前为 2023-05-07 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/447936/1186879/b-live-random-send-test.js

  1. // ==UserScript==
  2. // @author Gamyou
  3. // @version 1.5.6
  4. // @note 23-05-07 1.5.6 开始按钮背景色动态适配直播间主题颜色,新增一些模块隐藏功能
  5. // ==/UserScript==
  6.  
  7.  
  8. (function () {
  9. const blobURL = URL.createObjectURL(
  10. new Blob(
  11. [
  12. '(',
  13. function () {
  14. const ids = {};
  15. // 监听message 开始执行定时器或者销毁
  16. self.onmessage = (e) => {
  17. switch (e.data.command) {
  18. case 'interval:start': // 开启定时器
  19. const intervalId = setInterval(() => postMessage({ message: 'interval:tick', id: e.data.id }), e.data.interval);
  20. // postMessage({ message: 'interval:started', id: e.data.id });
  21. ids[e.data.id] = intervalId;
  22. break;
  23. case 'interval:clear': // 销毁
  24. clearInterval(ids[e.data.id]);
  25. postMessage({ message: 'interval:cleared', id: e.data.id });
  26. delete ids[e.data.id];
  27. break;
  28. case 'timeout:start':
  29. const timeoutId = setTimeout(() => postMessage({ message: 'timeout:tick', id: e.data.id }), e.data.timeout);
  30. // postMessage({ message: 'timeout:started', id: e.data.id });
  31. ids[e.data.id] = timeoutId;
  32. break;
  33. case 'timeout:clear':
  34. clearTimeout(ids[e.data.id]);
  35. postMessage({ message: 'timeout:cleared', id: e.data.id });
  36. delete ids[e.data.id];
  37. break;
  38. }
  39. };
  40. }.toString(),
  41. ')()',
  42. ],
  43. { type: 'application/javascript' },
  44. ),
  45. );
  46. const worker = new Worker(blobURL);
  47. URL.revokeObjectURL(blobURL); //用完释放URL对象
  48. const workerTimer = {
  49. id: 0,
  50. callbacks: {},
  51. setInterval: (cb, interval, context) => {
  52. const id = ++workerTimer.id;
  53. workerTimer.callbacks[id] = { fn: cb, context: context };
  54. worker.postMessage({ command: 'interval:start', interval: interval, id: id });
  55. return id;
  56. },
  57. setTimeout: (cb, timeout, context) => {
  58. const id = ++workerTimer.id;
  59. workerTimer.callbacks[id] = { fn: cb, context: context };
  60. worker.postMessage({ command: 'timeout:start', timeout: timeout, id: id });
  61. return id;
  62. },
  63.  
  64. // 监听worker 里面的定时器发送的message 然后执行回调函数
  65. onMessage: (e) => {
  66. switch (e.data.message) {
  67. case 'interval:tick':
  68. case 'timeout:tick':
  69. const callbackItem = workerTimer.callbacks[e.data.id];
  70. if (callbackItem && callbackItem.fn)
  71. callbackItem.fn.apply(callbackItem.context);
  72.  
  73. break;
  74. case 'interval:cleared':
  75. case 'timeout:cleared':
  76. delete workerTimer.callbacks[e.data.id];
  77. break;
  78. }
  79. },
  80.  
  81. // 往worker里面发送销毁指令
  82. clearInterval: (id) => worker.postMessage({ command: 'interval:clear', id: id }),
  83. clearTimeout: (id) => worker.postMessage({ command: 'timeout:clear', id: id }),
  84. };
  85. worker.onmessage = workerTimer.onMessage.bind(workerTimer);
  86.  
  87. let source = {
  88. version: 3,
  89. random: true,
  90. data1: { available: true, values: ['弹幕①', '弹幕②'] },
  91. data2: { available: true, values: ['弹幕③', '弹幕④'] },
  92. data3: { available: true, values: ['弹幕⑤', '弹幕⑥'] },
  93. data4: { available: true, values: ['弹幕⑦', '弹幕⑧'] },
  94. data5: { available: true, values: ['弹幕⑨', '弹幕Ⅹ'] }
  95. },
  96. signInCheckbox, hideLoginGuideCheckbox, hideHarunaCheckbox, hideShopCheckbox, noSleepCheckbox, hideGiftControlCheckbox,
  97. hideRoomFeedCheckbox, hideRoomInfoCheckbox, hideNoticeCheckbox, hideFooterCheckbox, luckyCheckbox,
  98. rdCheckbox, group1Checkbox, group2Checkbox, group3Checkbox, group4Checkbox, group5Checkbox,
  99. dmInput, divSetting, dataText1, dataText2, dataText3, dataText4, dataText5, signInput,
  100. dmButtonSend, beforeSpan, afterSpan, bgcolor, spanApplyTip,
  101. pdata = {}, config = {}, waiters = [], data = [],
  102. sendTimer = null, hideElementsTimer = null, signInTimer = null, miniCloseTimer, luckyTimer, noSleepTimer, noSleepTimeouter,
  103. count = 0, waitCount = 200, arrayIndex = 0, hideElementsTimerCount = 0, default_timeout = 600, bgcolor_default = 'rgba(217,157,27,1)',
  104. // hbInterval = Math.floor(Math.random() * (35 - 50)) + 50,
  105. gmNotice = obj => { alert('请更新油猴脚本'); window.location.href = parentUrl; },
  106. getGmValue = (key, defaultValue) => { return null; },
  107. setGmValue = (key, obj) => { console.warn('===> No implementation "setGmValue" method.'); },
  108. delGmValue = key => { console.warn('===> No implementation "delGmValue" method.'); };
  109.  
  110. const minVersion = '2.4.0', updateTips = '开始按钮动态适配直播间主题', noticeTimeout = 10e3,
  111. icoUrl = 'https://www.bilibili.com/favicon.ico',
  112. parentUrl = 'https://greasyfork.org/scripts/446725-b%E7%AB%99%E7%9B%B4%E6%92%AD%E9%97%B4%E5%AE%9A%E6%97%B6%E5%8F%91%E9%9A%8F%E6%9C%BA%E5%BC%B9%E5%B9%95/code/B%E7%AB%99%E7%9B%B4%E6%92%AD%E9%97%B4%E5%AE%9A%E6%97%B6%E5%8F%91%E9%9A%8F%E6%9C%BA%E5%BC%B9%E5%B9%95.user.js',
  113. // roomId = window.__NEPTUNE_IS_MY_WAIFU__
  114. // ? 0 == window.__NEPTUNE_IS_MY_WAIFU__.roomInitRes.data.short_id
  115. // ? window.__NEPTUNE_IS_MY_WAIFU__.roomInitRes.data.room_id
  116. // : window.__NEPTUNE_IS_MY_WAIFU__.roomInitRes.data.short_id
  117. // : window.location.pathname.replace(/^\/(\S+\/)*/g, ''),
  118. roomId = window.location.pathname.replace(/^\/(\S+\/)*/g, ''),
  119. setGmGetValue = callback => getGmValue = callback,
  120. setGmSetValue = callback => setGmValue = callback,
  121. setGmDelValue = callback => delGmValue = callback,
  122. setGmNotice = callback => gmNotice = callback,
  123. setParentData = obj => pdata = obj,
  124. arrayInfo = () => console.info(data),
  125. isOldVersion = () => {
  126. if (!pdata.version) {
  127. return true;
  128. }
  129. if (minVersion === pdata.version) {
  130. return false;
  131. } else {
  132. let vals = pdata.version.split('.');
  133. let mins = minVersion.split('.');
  134. if (vals.length != mins.length) {
  135. return true;
  136. } else {
  137. for (let i = 0; i < vals.length; i++) {
  138. if (mins[i] > vals[i]) {
  139. return true;
  140. }
  141. }
  142.  
  143. return false;
  144. }
  145. }
  146. },
  147. initCss = () => {
  148. let linkElement = document.createElement('link');
  149. linkElement.rel = 'stylesheet';
  150. linkElement.href = 'https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css';
  151. document.head.appendChild(linkElement);
  152.  
  153. // 图标库 https://ionic.io/ionicons
  154. // let scriptElement = document.createElement('script');
  155. // scriptElement.src = 'https://unpkg.com/ionicons@5.5.2/dist/ionicons.js';
  156. // document.head.appendChild(scriptElement);
  157.  
  158. let customerStyle = document.createElement('style');
  159. customerStyle.setAttribute('type', 'text/css');
  160. customerStyle.innerHTML = '.danmu-group-title{font-size:14px;padding-left:2px;color:rgb(18,56,141);display:inline;margin-right:60%;vertical-align:middle;}.danmu-group-textarea{width:98%;min-height:100px;height:16%;margin:1px 0px 4px;border:0px;resize:none;}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--mini.is-circle{padding:3px;}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-icon-close.is-circle{padding:5px;color:#ff0000;border:1px solid #ff0000;margin-left:20px;}.el-icon-check.is-circle{padding:5px;color:#0000ff;border:1px solid #0000ff;margin-left:20px;}input[type="checkbox"]{display:none;}.switch-check{display:inline-block;margin:0 5px;vertical-align:middle;}.switch-check-label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;cursor:pointer;}.switch-check-label:before{width:14px;height:14px;content:"";display:inline-block;background-color:#bdc3c7;border-radius:100%;position:absolute;top:2px;left:4px;transition:all .3s;}.switch-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.switch-check :checked ~ label:before{left:22px;background-color:#fff;}.switch-check-group{margin-top:5px;width:95%;}.danmu-random-setting-panel{background-color:#d4f2e0;border-radius:2px;width:100%;height:100%;overflow-y:auto;position:absolute;left:0px;top:0px;z-index:999;display:none;}.danmu-random-setting-panel::-webkit-scrollbar{width:4px;height:4px;}.danmu-random-setting-panel::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}.danmu-random-setting-panel::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}.danmu-random-setting-title{text-align:center;font-size:16px;font-weight:700;color:#1c5adc;line-height:30px;}.danmu-random-setting-tips{color:#0b81cc;text-align:center;font-style:italic;}.danmu-random-update-tips{color:#0b81cc;text-align:center;font-size:13px;font-weight:700;margin:10px 0px;}.danmu-random-setting-bottom{width:100%;line-height:35px;}.danmu-random-switch-button-title{font-size:14px;vertical-align:middle;margin-left:5px;color:#095ca2;cursor:help;}.danmu-random-setting-success-tips{text-align:center;display:inline-block;vertical-align:middle;width:60%;}.danmu-random-setting-success-text{font-size:16px;color:#128712;display:none;}.danmu-random-set-button-container{display:inline-block;vertical-align:middle;}.global-setting-tip{text-align:center;color:#0b81cc;font-size:12px;font-weight:700;cursor:help;}.disabled{color:#aaaaaa;cursor:not-allowed;}.danmu-btn{min-width:65px;height:24px;font-size:12px;border-radius:4px;color:rgb(255,255,255);background:rgb(217,157,27);border:0px;cursor:pointer;}.danmu-btn:hover{background:var(--color)!important;}.danmu-text-span{color:rgb(255, 255, 255);font-size:12px;background:rgb(236,108,27);}.danmu-second-input{width:25px;height:15px;margin:0px 3px;border:0px;border-radius:3px;}';
  161. document.head.appendChild(customerStyle);
  162. },
  163. // initScript = () => {
  164. // let script = document.createElement('script');
  165. // script.type = 'text/javascript';
  166. // script.src = 'https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.js';
  167. // document.head.appendChild(script);
  168. // },
  169. getCurrentTimestamp = () => new Date().getTime(),
  170. send = (msg, index) => {
  171. let dmTextArea = document.getElementById('aside-area-vm').getElementsByClassName('chat-input border-box')[0];
  172. if (!dmTextArea) {
  173. alert('找不到输入弹幕文本框,请尝试刷新页面');
  174. return;
  175. }
  176.  
  177. let btnSend = document.getElementsByClassName('bl-button bl-button--primary')[0];
  178. if (!btnSend) {
  179. alert('找不到发送按钮,请尝试刷新页面');
  180. return;
  181. }
  182. // if (getCurrentTimestamp() - lastSent < 5e3) {
  183. // setTimeout(() => send(msg, index), 5e3);
  184. // console.log('===> 发送间隔少于5秒,进入递归处理');
  185. // } else {
  186. dmTextArea.value = msg;
  187. // 定义事件, 定义才可发送
  188. dmTextArea.dispatchEvent(new Event('input', { "bubbles": true, "cancelable": true }));
  189. btnSend.click();
  190. lastSent = getCurrentTimestamp();
  191. ++count;
  192. console.log('===> ' + new Date().toLocaleString() + ' 弹幕发送成功 ' + count + ' 次,第【' + index + '】条数据 === ' + msg);
  193. // }
  194. },
  195. isNull = str => {
  196. if (!str || str == "")
  197. return true;
  198.  
  199. let regu = "^[ ]+$";
  200. let re = new RegExp(regu);
  201. return re.test(str);
  202. },
  203. randomSort = arr => {
  204. for (let i = 0; i < arr.length; i++) {
  205. const rdIndex = Math.floor(Math.random() * arr.length);
  206. const temp = arr[i];
  207. arr[i] = arr[rdIndex];
  208. arr[rdIndex] = temp;
  209. }
  210.  
  211. return arr;
  212. },
  213. clearWaiters = () => {
  214. for (let i = 0; i < waiters.length; i++) {
  215. workerTimer.clearInterval(waiters[i]);
  216. waiters[i] = null;
  217. }
  218.  
  219. waiters = [];
  220. },
  221. signIn = () => {
  222. if (signInCheckbox.checked) {
  223. if (!signInTimer) {
  224. let defaultText = isNull(pdata.signText) ? pdata.signText : '打卡';
  225. let timestamp = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).toDateString()).getTime() - getCurrentTimestamp();
  226. console.log('===> 设置凌晨打卡定时器【' + timestamp + '】');
  227. signInput.value = isNull(config.signInText) ? defaultText : config.signInText;
  228. signInTimer = workerTimer.setTimeout(() => {
  229. send(isNull(signInput.value) ? defaultText : signInput.value, 0);
  230. console.log('===> 进入下一轮递归打卡');
  231. workerTimer.clearTimeout(signInTimer);
  232. signInTimer = null;
  233. signIn();
  234. }, timestamp);
  235. }
  236. } else if (signInTimer) {
  237. console.log('===> 关闭自动打卡功能');
  238. workerTimer.clearTimeout(signInTimer);
  239. signInTimer = null;
  240. }
  241. },
  242. runCheckbox = () => {
  243. hideFooter();
  244. hideGiftControl();
  245. hideLoginGuide();
  246. hideHaruna();
  247. hideShop();
  248. noSleep();
  249. signIn();
  250. let hideTimeout = workerTimer.setTimeout(() => {
  251. hideRoomFeed();
  252. hideRoomInfo();
  253. hideNotice();
  254. workerTimer.clearTimeout(hideTimeout);
  255. }, 1e3);
  256. },
  257. setCheckboxChecked = () => {
  258. rdCheckbox.checked = source.random;
  259. group1Checkbox.checked = source.data1.available;
  260. group2Checkbox.checked = source.data2.available;
  261. group3Checkbox.checked = source.data3.available;
  262. group4Checkbox.checked = source.data4.available;
  263. group5Checkbox.checked = source.data5.available;
  264.  
  265. signInCheckbox.checked = config.autoSignIn;
  266. noSleepCheckbox.checked = config.noSleep;
  267. hideLoginGuideCheckbox.checked = config.hideLoginGuide;
  268. hideHarunaCheckbox.checked = config.hideHaruna;
  269. hideShopCheckbox.checked = config.hideShop;
  270. hideGiftControlCheckbox.checked = config.hideGift;
  271. hideRoomFeedCheckbox.checked = config.hideRoomFeed;
  272. hideRoomInfoCheckbox.checked = config.hideRoomInfo;
  273. hideNoticeCheckbox.checked = config.hideNotice;
  274. hideFooterCheckbox.checked = config.hideFooter;
  275. // luckyCheckbox.checked = config.lucky;
  276. runCheckbox();
  277. },
  278. openSetting = () => divSetting.style.display = 'block',
  279. closeSetting = () => {
  280. setCheckboxChecked();
  281. divSetting.style.display = 'none';
  282. },
  283. initData = () => {
  284. if (source.data1.values.length <= 0
  285. && source.data2.values.length <= 0
  286. && source.data3.values.length <= 0
  287. && source.data4.values.length <= 0
  288. && source.data5.values.length <= 0) {
  289. return data ? data : [];
  290. }
  291.  
  292. let result = [];
  293. result = source.data1.available ? result.concat(source.data1.values) : result;
  294. result = source.data2.available ? result.concat(source.data2.values) : result;
  295. result = source.data3.available ? result.concat(source.data3.values) : result;
  296. result = source.data4.available ? result.concat(source.data4.values) : result;
  297. result = source.data5.available ? result.concat(source.data5.values) : result;
  298. data = result;
  299. rdCheckbox.checked ? data = randomSort(result) : arrayIndex = 0;
  300. },
  301. save = () => {
  302. source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
  303. source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
  304. source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
  305. source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
  306. source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
  307. source.random = rdCheckbox.checked;
  308. source.data1.available = group1Checkbox.checked;
  309. source.data2.available = group2Checkbox.checked;
  310. source.data3.available = group3Checkbox.checked;
  311. source.data4.available = group4Checkbox.checked;
  312. source.data5.available = group5Checkbox.checked;
  313. initData();
  314. setGmValue(roomId, source);
  315. if (pdata.configKey) {
  316. config.autoSignIn = signInCheckbox.checked;
  317. config.signInText = signInput.value;
  318. config.noSleep = noSleepCheckbox.checked;
  319. config.hideLoginGuide = hideLoginGuideCheckbox.checked;
  320. config.hideHaruna = hideHarunaCheckbox.checked;
  321. config.hideShop = hideShopCheckbox.checked;
  322. config.hideGift = hideGiftControlCheckbox.checked;
  323. config.hideRoomFeed = hideRoomFeedCheckbox.checked;
  324. config.hideRoomInfo = hideRoomInfoCheckbox.checked;
  325. config.hideNotice = hideNoticeCheckbox.checked;
  326. config.hideFooter = hideFooterCheckbox.checked;
  327. // config.lucky = luckyCheckbox.checked;
  328. setGmValue(pdata.configKey, config);
  329. }
  330. spanApplyTip.style.display = 'block';
  331. let closeSettingTimer = workerTimer.setTimeout(() => {
  332. spanApplyTip.style.display = 'none';
  333. divSetting.style.display = 'none';
  334. workerTimer.clearTimeout(closeSettingTimer);
  335. }, 1.5e3);
  336. },
  337. danmu = () => {
  338. if (data.length < 1) {
  339. gmNotice({
  340. text: '请任意在一个分组里输入一条弹幕',
  341. title: '没有弹幕数据,请先设置',
  342. image: icoUrl,
  343. highlight: true,
  344. timeout: noticeTimeout
  345. });
  346. return false;
  347. }
  348. if (rdCheckbox.checked)
  349. arrayIndex = Math.floor((Math.random() * data.length));
  350.  
  351. send(data[arrayIndex], arrayIndex);
  352. ++arrayIndex;
  353. if (arrayIndex >= data.length)
  354. arrayIndex = 0;
  355.  
  356. return true;
  357. },
  358. offOrOn = () => {
  359. let timeout = 0;
  360. if (sendTimer) {
  361. workerTimer.clearInterval(sendTimer);
  362. sendTimer = null;
  363. dmButtonSend.style.background = isNull(bgcolor) ? bgcolor_default : bgcolor;
  364. dmButtonSend.style.setProperty('--color', bgcolor.replace(')', ', 0.8)'));
  365. dmButtonSend.textContent = '开始';
  366. dmInput.removeAttribute("disabled");
  367. } else {
  368. timeout = (isNull(dmInput.value) ? default_timeout : dmInput.value) * 1e3;
  369. if (!danmu()) {
  370. return;
  371. }
  372.  
  373. sendTimer = workerTimer.setInterval(danmu, timeout);
  374. dmButtonSend.style.background = 'rgba(255,0,0,1)';
  375. dmButtonSend.style.setProperty('--color', 'rgba(255,0,0,0.8)');
  376. dmButtonSend.textContent = '停止';
  377. dmInput.setAttribute('disabled', 'disabled');
  378. }
  379. },
  380. buildPanel = divButton => {
  381. /* ----------------------------------------- head ----------------------------------------- */
  382. let divSettingTitle = document.createElement('div');
  383. divSettingTitle.textContent = '弹幕设置';
  384. divSettingTitle.classList.add('danmu-random-setting-title');
  385.  
  386. let divTip = document.createElement('div');
  387. divTip.classList.add('danmu-random-setting-tips');
  388. divTip.innerHTML = '任一分组内输入弹幕即可,多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  389.  
  390. let divUpdateTip = document.createElement('div');
  391. divUpdateTip.classList.add('danmu-random-update-tips');
  392. divUpdateTip.innerHTML = `<span style="color:#f00">更新提示:</span>${updateTips}`;
  393. /* ----------------------------------------- head ----------------------------------------- */
  394.  
  395. /* ----------------------------------------- textarea 1 ----------------------------------------- */
  396. let divText1 = document.createElement('div');
  397. divText1.textContent = '分组 1 :';
  398. divText1.classList.add('danmu-group-title');
  399.  
  400. group1Checkbox = document.createElement('input');
  401. group1Checkbox.type = 'checkbox';
  402. group1Checkbox.id = 'group1Checkbox';
  403. group1Checkbox.checked = true;
  404.  
  405. let lblGroup1Checkbox = document.createElement('label');
  406. lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  407. lblGroup1Checkbox.classList.add('switch-check-label');
  408.  
  409. let divGroup1Checkbox = document.createElement('div');
  410. divGroup1Checkbox.classList.add('switch-check');
  411. divGroup1Checkbox.appendChild(group1Checkbox);
  412. divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  413.  
  414. dataText1 = document.createElement('textarea');
  415. dataText1.classList.add('danmu-group-textarea');
  416. dataText1.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  417. /* ----------------------------------------- textarea 1 ----------------------------------------- */
  418.  
  419. /* ----------------------------------------- textarea 2 ----------------------------------------- */
  420. let divText2 = document.createElement('div');
  421. divText2.textContent = '分组 2 :';
  422. divText2.classList.add('danmu-group-title');
  423.  
  424. group2Checkbox = document.createElement('input');
  425. group2Checkbox.type = 'checkbox';
  426. group2Checkbox.id = 'group2Checkbox';
  427. group2Checkbox.checked = true;
  428.  
  429. let lblGroup2Checkbox = document.createElement('label');
  430. lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  431. lblGroup2Checkbox.classList.add('switch-check-label');
  432.  
  433. let divGroup2Checkbox = document.createElement('div');
  434. divGroup2Checkbox.classList.add('switch-check');
  435. divGroup2Checkbox.appendChild(group2Checkbox);
  436. divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  437.  
  438. dataText2 = document.createElement('textarea');
  439. dataText2.classList.add('danmu-group-textarea');
  440. dataText2.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  441. /* ----------------------------------------- textarea 2 ----------------------------------------- */
  442.  
  443. /* ----------------------------------------- textarea 3 ----------------------------------------- */
  444. let divText3 = document.createElement('div');
  445. divText3.textContent = '分组 3 :';
  446. divText3.classList.add('danmu-group-title');
  447.  
  448. group3Checkbox = document.createElement('input');
  449. group3Checkbox.type = 'checkbox';
  450. group3Checkbox.id = 'group3Checkbox';
  451. group3Checkbox.checked = true;
  452.  
  453. let lblGroup3Checkbox = document.createElement('label');
  454. lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  455. lblGroup3Checkbox.classList.add('switch-check-label');
  456.  
  457. let divGroup3Checkbox = document.createElement('div');
  458. divGroup3Checkbox.classList.add('switch-check');
  459. divGroup3Checkbox.appendChild(group3Checkbox);
  460. divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  461.  
  462. dataText3 = document.createElement('textarea');
  463. dataText3.classList.add('danmu-group-textarea');
  464. dataText3.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  465. /* ----------------------------------------- textarea 3 ----------------------------------------- */
  466.  
  467. /* ----------------------------------------- textarea 4 ----------------------------------------- */
  468. let divText4 = document.createElement('div');
  469. divText4.textContent = '分组 4 :';
  470. divText4.classList.add('danmu-group-title');
  471.  
  472. group4Checkbox = document.createElement('input');
  473. group4Checkbox.type = 'checkbox';
  474. group4Checkbox.id = 'group4Checkbox';
  475. group4Checkbox.checked = true;
  476.  
  477. let lblGroup4Checkbox = document.createElement('label');
  478. lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  479. lblGroup4Checkbox.classList.add('switch-check-label');
  480.  
  481. let divGroup4Checkbox = document.createElement('div');
  482. divGroup4Checkbox.classList.add('switch-check');
  483. divGroup4Checkbox.appendChild(group4Checkbox);
  484. divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  485.  
  486. dataText4 = document.createElement('textarea');
  487. dataText4.classList.add('danmu-group-textarea');
  488. dataText4.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  489. /* ----------------------------------------- textarea 4 ----------------------------------------- */
  490.  
  491. /* ----------------------------------------- textarea 5 ----------------------------------------- */
  492. let divText5 = document.createElement('div');
  493. divText5.textContent = '分组 5 :';
  494. divText5.classList.add('danmu-group-title');
  495.  
  496. group5Checkbox = document.createElement('input');
  497. group5Checkbox.type = 'checkbox';
  498. group5Checkbox.id = 'group5Checkbox';
  499. group5Checkbox.checked = true;
  500.  
  501. let lblGroup5Checkbox = document.createElement('label');
  502. lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  503. lblGroup5Checkbox.classList.add('switch-check-label');
  504.  
  505. let divGroup5Checkbox = document.createElement('div');
  506. divGroup5Checkbox.classList.add('switch-check');
  507. divGroup5Checkbox.appendChild(group5Checkbox);
  508. divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  509.  
  510. dataText5 = document.createElement('textarea');
  511. dataText5.classList.add('danmu-group-textarea');
  512. dataText5.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  513. /* ----------------------------------------- textarea 5 ----------------------------------------- */
  514.  
  515. /* ----------------------------------------- chackbox group ----------------------------------------- */
  516. let divCheckboxGroup = document.createElement('div');
  517. divCheckboxGroup.style.margin = '20px 0 10px';
  518.  
  519. let divGlobalSettingTip = document.createElement('div');
  520. divGlobalSettingTip.textContent = '以下设置保存之后将适用所有直播间';
  521. divGlobalSettingTip.title = '其它直播间请刷新应用设置';
  522. divGlobalSettingTip.classList.add('global-setting-tip');
  523. divGlobalSettingTip.classList.add('switch-check-group');
  524. divCheckboxGroup.appendChild(divGlobalSettingTip);
  525.  
  526. /* ------------------------ signIn chackbox ------------------------ */
  527. signInCheckbox = document.createElement('input');
  528. signInCheckbox.type = 'checkbox';
  529. signInCheckbox.id = 'signInCheckbox';
  530. signInCheckbox.checked = true;
  531. signInCheckbox.addEventListener('click', signIn);
  532.  
  533. let lblCheckbox = document.createElement('label');
  534. lblCheckbox.setAttribute('for', 'signInCheckbox');
  535. lblCheckbox.classList.add('switch-check-label');
  536.  
  537. let descCheckbox = document.createElement('span');
  538. descCheckbox.textContent = '打卡弹幕:';
  539. descCheckbox.title = '每日零点发送一条打卡弹幕';
  540. descCheckbox.classList.add('danmu-random-switch-button-title');
  541.  
  542. signInput = document.createElement('input');
  543. signInput.style.border = '0';
  544. signInput.style.width = '145px';
  545. signInput.setAttribute('placeholder', '输入零点打卡发送的文字');
  546.  
  547. let divCheckbox = document.createElement('div');
  548. divCheckbox.classList.add('switch-check');
  549. divCheckbox.classList.add('switch-check-group');
  550. divCheckbox.appendChild(signInCheckbox);
  551. divCheckbox.appendChild(lblCheckbox);
  552. divCheckbox.appendChild(descCheckbox);
  553. divCheckbox.appendChild(signInput);
  554.  
  555. divCheckboxGroup.appendChild(divCheckbox);
  556. /* ------------------------ signIn chackbox ------------------------ */
  557.  
  558.  
  559.  
  560. /* ------------------------ noSleepCheckbox chackbox ------------------------ */
  561. noSleepCheckbox = document.createElement('input');
  562. noSleepCheckbox.type = 'checkbox';
  563. noSleepCheckbox.id = 'noSleepCheckbox';
  564. noSleepCheckbox.checked = false;
  565. noSleepCheckbox.addEventListener('click', noSleep);
  566.  
  567. lblCheckbox = document.createElement('label');
  568. lblCheckbox.setAttribute('for', 'noSleepCheckbox');
  569. lblCheckbox.classList.add('switch-check-label');
  570.  
  571. descCheckbox = document.createElement('span');
  572. descCheckbox.textContent = '防止直播间休眠';
  573. descCheckbox.title = '防止直播间页面一段时间没操作之后进入休眠';
  574. descCheckbox.classList.add('danmu-random-switch-button-title');
  575.  
  576. divCheckbox = document.createElement('div');
  577. divCheckbox.classList.add('switch-check');
  578. divCheckbox.classList.add('switch-check-group');
  579. divCheckbox.appendChild(noSleepCheckbox);
  580. divCheckbox.appendChild(lblCheckbox);
  581. divCheckbox.appendChild(descCheckbox);
  582.  
  583. divCheckboxGroup.appendChild(divCheckbox);
  584. /* ------------------------ noSleepCheckbox chackbox ------------------------ */
  585.  
  586.  
  587.  
  588. /* ------------------------ hideLoginGuideCheckbox chackbox ------------------------ */
  589. hideLoginGuideCheckbox = document.createElement('input');
  590. hideLoginGuideCheckbox.type = 'checkbox';
  591. hideLoginGuideCheckbox.id = 'hideLoginGuideCheckbox';
  592. hideLoginGuideCheckbox.checked = false;
  593. hideLoginGuideCheckbox.addEventListener('click', hideLoginGuide);
  594.  
  595. lblCheckbox = document.createElement('label');
  596. lblCheckbox.setAttribute('for', 'hideLoginGuideCheckbox');
  597. lblCheckbox.classList.add('switch-check-label');
  598.  
  599. descCheckbox = document.createElement('span');
  600. descCheckbox.textContent = '隐藏播放器底部登录提示';
  601. descCheckbox.title = '隐藏未登录时播放器底部显示的登录提示';
  602. descCheckbox.classList.add('danmu-random-switch-button-title');
  603.  
  604. divCheckbox = document.createElement('div');
  605. divCheckbox.classList.add('switch-check');
  606. divCheckbox.classList.add('switch-check-group');
  607. divCheckbox.appendChild(hideLoginGuideCheckbox);
  608. divCheckbox.appendChild(lblCheckbox);
  609. divCheckbox.appendChild(descCheckbox);
  610.  
  611. divCheckboxGroup.appendChild(divCheckbox);
  612. /* ------------------------ hideLoginGuideCheckbox chackbox ------------------------ */
  613.  
  614.  
  615.  
  616. /* ------------------------ hideHarunaCheckbox chackbox ------------------------ */
  617. hideHarunaCheckbox = document.createElement('input');
  618. hideHarunaCheckbox.type = 'checkbox';
  619. hideHarunaCheckbox.id = 'hideHarunaCheckbox';
  620. hideHarunaCheckbox.checked = false;
  621. hideHarunaCheckbox.addEventListener('click', hideHaruna);
  622.  
  623. lblCheckbox = document.createElement('label');
  624. lblCheckbox.setAttribute('for', 'hideHarunaCheckbox');
  625. lblCheckbox.classList.add('switch-check-label');
  626.  
  627. descCheckbox = document.createElement('span');
  628. descCheckbox.textContent = '隐藏看板娘立绘';
  629. descCheckbox.title = '隐藏直播间Haruna立绘';
  630. descCheckbox.classList.add('danmu-random-switch-button-title');
  631.  
  632. divCheckbox = document.createElement('div');
  633. divCheckbox.classList.add('switch-check');
  634. divCheckbox.classList.add('switch-check-group');
  635. divCheckbox.appendChild(hideHarunaCheckbox);
  636. divCheckbox.appendChild(lblCheckbox);
  637. divCheckbox.appendChild(descCheckbox);
  638.  
  639. divCheckboxGroup.appendChild(divCheckbox);
  640. /* ------------------------ hideHarunaCheckbox chackbox ------------------------ */
  641.  
  642.  
  643.  
  644. /* ------------------------ hideShopCheckbox chackbox ------------------------ */
  645. hideShopCheckbox = document.createElement('input');
  646. hideShopCheckbox.type = 'checkbox';
  647. hideShopCheckbox.id = 'hideShopCheckbox';
  648. hideShopCheckbox.checked = false;
  649. hideShopCheckbox.addEventListener('click', hideShop);
  650.  
  651. lblCheckbox = document.createElement('label');
  652. lblCheckbox.setAttribute('for', 'hideShopCheckbox');
  653. lblCheckbox.classList.add('switch-check-label');
  654.  
  655. descCheckbox = document.createElement('span');
  656. descCheckbox.textContent = '隐藏播放器左上角购物提示';
  657. descCheckbox.title = '隐藏播放器左上角的商店购物提示';
  658. descCheckbox.classList.add('danmu-random-switch-button-title');
  659.  
  660. divCheckbox = document.createElement('div');
  661. divCheckbox.classList.add('switch-check');
  662. divCheckbox.classList.add('switch-check-group');
  663. divCheckbox.appendChild(hideShopCheckbox);
  664. divCheckbox.appendChild(lblCheckbox);
  665. divCheckbox.appendChild(descCheckbox);
  666.  
  667. divCheckboxGroup.appendChild(divCheckbox);
  668. /* ------------------------ hideShopCheckbox chackbox ------------------------ */
  669.  
  670.  
  671.  
  672. /* ------------------------ hideGiftControlCheckbox chackbox ------------------------ */
  673. hideGiftControlCheckbox = document.createElement('input');
  674. hideGiftControlCheckbox.type = 'checkbox';
  675. hideGiftControlCheckbox.id = 'hideGiftControlCheckbox';
  676. hideGiftControlCheckbox.checked = false;
  677. hideGiftControlCheckbox.addEventListener('click', hideGiftControl);
  678.  
  679. lblCheckbox = document.createElement('label');
  680. lblCheckbox.setAttribute('for', 'hideGiftControlCheckbox');
  681. lblCheckbox.classList.add('switch-check-label');
  682.  
  683. descCheckbox = document.createElement('span');
  684. descCheckbox.textContent = '隐藏礼物栏';
  685. descCheckbox.title = '隐藏播放器底部的礼物栏';
  686. descCheckbox.classList.add('danmu-random-switch-button-title');
  687.  
  688. divCheckbox = document.createElement('div');
  689. divCheckbox.classList.add('switch-check');
  690. divCheckbox.classList.add('switch-check-group');
  691. divCheckbox.appendChild(hideGiftControlCheckbox);
  692. divCheckbox.appendChild(lblCheckbox);
  693. divCheckbox.appendChild(descCheckbox);
  694.  
  695. divCheckboxGroup.appendChild(divCheckbox);
  696. /* ------------------------ hideGiftControlCheckbox chackbox ------------------------ */
  697.  
  698.  
  699.  
  700. /* ------------------------ hideRoomFeedCheckbox chackbox ------------------------ */
  701. hideRoomFeedCheckbox = document.createElement('input');
  702. hideRoomFeedCheckbox.type = 'checkbox';
  703. hideRoomFeedCheckbox.id = 'hideRoomFeedCheckbox';
  704. hideRoomFeedCheckbox.checked = false;
  705. hideRoomFeedCheckbox.addEventListener('click', hideRoomFeed);
  706.  
  707. lblCheckbox = document.createElement('label');
  708. lblCheckbox.setAttribute('for', 'hideRoomFeedCheckbox');
  709. lblCheckbox.classList.add('switch-check-label');
  710.  
  711. descCheckbox = document.createElement('span');
  712. descCheckbox.textContent = '隐藏主播动态';
  713. descCheckbox.title = '隐藏播放器底下主播的动态栏';
  714. descCheckbox.classList.add('danmu-random-switch-button-title');
  715.  
  716. divCheckbox = document.createElement('div');
  717. divCheckbox.classList.add('switch-check');
  718. divCheckbox.classList.add('switch-check-group');
  719. divCheckbox.appendChild(hideRoomFeedCheckbox);
  720. divCheckbox.appendChild(lblCheckbox);
  721. divCheckbox.appendChild(descCheckbox);
  722.  
  723. divCheckboxGroup.appendChild(divCheckbox);
  724. /* ------------------------ hideRoomFeedCheckbox chackbox ------------------------ */
  725.  
  726.  
  727.  
  728. /* ------------------------ hideRoomInfoCheckbox chackbox ------------------------ */
  729. hideRoomInfoCheckbox = document.createElement('input');
  730. hideRoomInfoCheckbox.type = 'checkbox';
  731. hideRoomInfoCheckbox.id = 'hideRoomInfoCheckbox';
  732. hideRoomInfoCheckbox.checked = false;
  733. hideRoomInfoCheckbox.addEventListener('click', hideRoomInfo);
  734.  
  735. lblCheckbox = document.createElement('label');
  736. lblCheckbox.setAttribute('for', 'hideRoomInfoCheckbox');
  737. lblCheckbox.classList.add('switch-check-label');
  738.  
  739. descCheckbox = document.createElement('span');
  740. descCheckbox.textContent = '隐藏主播荣耀、简介';
  741. descCheckbox.title = '隐藏播放器底下主播的荣耀勋章和简介';
  742. descCheckbox.classList.add('danmu-random-switch-button-title');
  743.  
  744. divCheckbox = document.createElement('div');
  745. divCheckbox.classList.add('switch-check');
  746. divCheckbox.classList.add('switch-check-group');
  747. divCheckbox.appendChild(hideRoomInfoCheckbox);
  748. divCheckbox.appendChild(lblCheckbox);
  749. divCheckbox.appendChild(descCheckbox);
  750.  
  751. divCheckboxGroup.appendChild(divCheckbox);
  752. /* ------------------------ hideRoomInfoCheckbox chackbox ------------------------ */
  753.  
  754.  
  755.  
  756. /* ------------------------ hideNoticeCheckbox chackbox ------------------------ */
  757. hideNoticeCheckbox = document.createElement('input');
  758. hideNoticeCheckbox.type = 'checkbox';
  759. hideNoticeCheckbox.id = 'hideNoticeCheckbox';
  760. hideNoticeCheckbox.checked = false;
  761. hideNoticeCheckbox.addEventListener('click', hideNotice);
  762.  
  763. lblCheckbox = document.createElement('label');
  764. lblCheckbox.setAttribute('for', 'hideNoticeCheckbox');
  765. lblCheckbox.classList.add('switch-check-label');
  766.  
  767. descCheckbox = document.createElement('span');
  768. descCheckbox.textContent = '隐藏主播公告';
  769. descCheckbox.title = '隐藏弹幕列表底下主播的公告';
  770. descCheckbox.classList.add('danmu-random-switch-button-title');
  771.  
  772. divCheckbox = document.createElement('div');
  773. divCheckbox.classList.add('switch-check');
  774. divCheckbox.classList.add('switch-check-group');
  775. divCheckbox.appendChild(hideNoticeCheckbox);
  776. divCheckbox.appendChild(lblCheckbox);
  777. divCheckbox.appendChild(descCheckbox);
  778.  
  779. divCheckboxGroup.appendChild(divCheckbox);
  780. /* ------------------------ hideNoticeCheckbox chackbox ------------------------ */
  781.  
  782.  
  783.  
  784. /* ------------------------ hideFooterCheckbox chackbox ------------------------ */
  785. hideFooterCheckbox = document.createElement('input');
  786. hideFooterCheckbox.type = 'checkbox';
  787. hideFooterCheckbox.id = 'hideFooterCheckbox';
  788. hideFooterCheckbox.checked = false;
  789. hideFooterCheckbox.addEventListener('click', hideFooter);
  790.  
  791. lblCheckbox = document.createElement('label');
  792. lblCheckbox.setAttribute('for', 'hideFooterCheckbox');
  793. lblCheckbox.classList.add('switch-check-label');
  794.  
  795. descCheckbox = document.createElement('span');
  796. descCheckbox.textContent = '隐藏直播间页脚';
  797. descCheckbox.title = '隐藏直播间底部的网页页脚';
  798. descCheckbox.classList.add('danmu-random-switch-button-title');
  799.  
  800. divCheckbox = document.createElement('div');
  801. divCheckbox.classList.add('switch-check');
  802. divCheckbox.classList.add('switch-check-group');
  803. divCheckbox.appendChild(hideFooterCheckbox);
  804. divCheckbox.appendChild(lblCheckbox);
  805. divCheckbox.appendChild(descCheckbox);
  806.  
  807. divCheckboxGroup.appendChild(divCheckbox);
  808. /* ------------------------ hideFooterCheckbox chackbox ------------------------ */
  809.  
  810.  
  811.  
  812. /* ------------------------ luckyCheckbox chackbox ------------------------ */
  813. luckyCheckbox = document.createElement('input');
  814. luckyCheckbox.type = 'checkbox';
  815. luckyCheckbox.id = 'luckyCheckbox';
  816. luckyCheckbox.checked = false;
  817. luckyCheckbox.addEventListener('click', lucky);
  818.  
  819. lblCheckbox = document.createElement('label');
  820. lblCheckbox.setAttribute('for', 'luckyCheckbox');
  821. lblCheckbox.classList.add('switch-check-label');
  822.  
  823. descCheckbox = document.createElement('span');
  824. descCheckbox.textContent = '自动参与天选时刻抽奖';
  825. descCheckbox.title = '自动点击参与按钮,但不是天选时刻开始时就立刻处理,会留有一小段反应时间';
  826. descCheckbox.classList.add('danmu-random-switch-button-title');
  827.  
  828. divCheckbox = document.createElement('div');
  829. divCheckbox.classList.add('switch-check');
  830. divCheckbox.classList.add('switch-check-group');
  831. divCheckbox.appendChild(luckyCheckbox);
  832. divCheckbox.appendChild(lblCheckbox);
  833. divCheckbox.appendChild(descCheckbox);
  834.  
  835. divCheckboxGroup.appendChild(divCheckbox);
  836. /* ------------------------ luckyCheckbox chackbox ------------------------ */
  837. /* ----------------------------------------- chackbox group ----------------------------------------- */
  838.  
  839. /* ----------------------------------------- div tip ----------------------------------------- */
  840. spanApplyTip = document.createElement('span');
  841. spanApplyTip.textContent = '设置成功';
  842. spanApplyTip.classList.add('danmu-random-setting-success-text');
  843.  
  844. let divApplyTip = document.createElement('div');
  845. divApplyTip.classList.add('danmu-random-setting-success-tips');
  846. divApplyTip.appendChild(spanApplyTip);
  847. /* ----------------------------------------- div tip ----------------------------------------- */
  848.  
  849. /* ----------------------------------------- save and close button ----------------------------------------- */
  850. let btnSaveSetting = document.createElement('i');
  851. btnSaveSetting.setAttribute('title', '保存');
  852. btnSaveSetting.classList.add('el-button');
  853. btnSaveSetting.classList.add('el-icon-check');
  854. btnSaveSetting.classList.add('is-circle');
  855. btnSaveSetting.addEventListener('click', save);
  856.  
  857. let btnCloseSetting = document.createElement('i');
  858. btnCloseSetting.setAttribute('title', '关闭');
  859. btnCloseSetting.classList.add('el-button');
  860. btnCloseSetting.classList.add('el-icon-close');
  861. btnCloseSetting.classList.add('is-circle');
  862. btnCloseSetting.addEventListener('click', closeSetting);
  863.  
  864. let divSettingButton = document.createElement('div');
  865. divSettingButton.classList.add('danmu-random-set-button-container');
  866. divSettingButton.appendChild(btnSaveSetting);
  867. divSettingButton.appendChild(btnCloseSetting);
  868. /* ----------------------------------------- save and close button ----------------------------------------- */
  869. /* ----------------------------------------- random chackbox ----------------------------------------- */
  870. rdCheckbox = document.createElement('input');
  871. rdCheckbox.type = 'checkbox';
  872. rdCheckbox.id = 'rdCheckbox';
  873. rdCheckbox.checked = true;
  874. // rdCheckbox.addEventListener('click', selectRandom);
  875.  
  876. lblCheckbox = document.createElement('label');
  877. lblCheckbox.setAttribute('for', 'rdCheckbox');
  878. lblCheckbox.classList.add('switch-check-label');
  879.  
  880. descCheckbox = document.createElement('span');
  881. descCheckbox.textContent = '随机从上面的弹幕中选出一条发送';
  882. descCheckbox.title = '将合并所有分组数据,从中随机选出一条发送';
  883. descCheckbox.classList.add('danmu-random-switch-button-title');
  884.  
  885. divCheckbox = document.createElement('div');
  886. divCheckbox.classList.add('switch-check');
  887. divCheckbox.appendChild(rdCheckbox);
  888. divCheckbox.appendChild(lblCheckbox);
  889. divCheckbox.appendChild(descCheckbox);
  890. /* ----------------------------------------- random chackbox ----------------------------------------- */
  891.  
  892. /* ----------------------------------------- container ----------------------------------------- */
  893. let divBottomContainer = document.createElement('div');
  894. divBottomContainer.classList.add('danmu-random-setting-bottom');
  895. divBottomContainer.appendChild(divApplyTip);
  896. divBottomContainer.appendChild(divSettingButton);
  897.  
  898. let divContainer = document.createElement('div');
  899. divContainer.style.height = 'calc(98% - 30px - 25px)';
  900. divContainer.appendChild(divText1);
  901. divContainer.appendChild(divGroup1Checkbox);
  902. divContainer.appendChild(dataText1);
  903. divContainer.appendChild(divText2);
  904. divContainer.appendChild(divGroup2Checkbox);
  905. divContainer.appendChild(dataText2);
  906. divContainer.appendChild(divText3);
  907. divContainer.appendChild(divGroup3Checkbox);
  908. divContainer.appendChild(dataText3);
  909. divContainer.appendChild(divText4);
  910. divContainer.appendChild(divGroup4Checkbox);
  911. divContainer.appendChild(dataText4);
  912. divContainer.appendChild(divText5);
  913. divContainer.appendChild(divGroup5Checkbox);
  914. divContainer.appendChild(dataText5);
  915. divContainer.appendChild(divCheckbox);
  916. divContainer.appendChild(divCheckboxGroup);
  917. divContainer.appendChild(divBottomContainer);
  918. /* ----------------------------------------- container ----------------------------------------- */
  919.  
  920. divSetting = document.createElement('div');
  921. divSetting.id = 'danmu-setting-panel';
  922. divSetting.classList.add('danmu-random-setting-panel');
  923. divSetting.appendChild(divSettingTitle);
  924. divSetting.appendChild(divUpdateTip);
  925. divSetting.appendChild(divTip);
  926. divSetting.appendChild(divContainer);
  927.  
  928. let asideAreaVm = document.getElementById('aside-area-vm');
  929. asideAreaVm.appendChild(divSetting);
  930.  
  931. /* ----------------------------------------- function ----------------------------------------- */
  932. dmButtonSend = document.createElement('button');
  933. dmButtonSend.textContent = '开始';
  934. dmButtonSend.classList.add('danmu-btn');
  935. dmButtonSend.style.setProperty('--color', 'rgba(217,157,27,0.8)');
  936. //dmButtonSend.onclick = function() { alert('Hello world');}
  937. dmButtonSend.addEventListener('click', offOrOn);
  938.  
  939. beforeSpan = document.createElement('span');
  940. beforeSpan.textContent = '每';
  941. beforeSpan.classList.add('danmu-text-span');
  942. beforeSpan.style.marginLeft = '4px';
  943.  
  944. dmInput = document.createElement('input');
  945. dmInput.value = default_timeout;
  946. dmInput.classList.add('danmu-second-input');
  947. dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  948.  
  949. afterSpan = document.createElement('span');
  950. afterSpan.textContent = '秒发送';
  951. afterSpan.classList.add('danmu-text-span');
  952. afterSpan.style.marginRight = '4px';
  953.  
  954. let iElement = document.createElement('i');
  955. iElement.classList.add('el-icon-setting');
  956.  
  957. let btnSetting = document.createElement('button');
  958. btnSetting.title = '设置';
  959. btnSetting.classList.add('el-button');
  960. btnSetting.classList.add('el-button--mini');
  961. btnSetting.classList.add('is-circle');
  962. btnSetting.addEventListener('click', openSetting);
  963. btnSetting.appendChild(iElement);
  964.  
  965. // let btnSetting = document.createElement('ion-icon');
  966. // btnSetting.setAttribute('name', 'settings-sharp');
  967. // btnSetting.classList.add('el-button');
  968. // btnSetting.classList.add('el-button--mini');
  969. // btnSetting.classList.add('is-circle');
  970. // btnSetting.addEventListener('click', openSetting);
  971.  
  972. let div = document.createElement('div');
  973. div.style.position = 'absolute';
  974. div.appendChild(dmButtonSend);
  975. div.appendChild(beforeSpan);
  976. div.appendChild(dmInput);
  977. div.appendChild(afterSpan);
  978. div.appendChild(btnSetting);
  979. divButton.appendChild(div);
  980. /* ----------------------------------------- function ----------------------------------------- */
  981. },
  982. hideOrDisplay = (dom, display) => {
  983. if (display) {
  984. dom.style.removeProperty('display');
  985. } else {
  986. dom.style.setProperty('display', 'none', 'important');
  987. }
  988. },
  989. hideLoginGuide = () => {
  990. let dom = document.getElementById('switch-login-guide-vm');
  991. if (dom) {
  992. hideOrDisplay(dom, hideLoginGuideCheckbox.checked ? false : true);
  993. }
  994. },
  995. hideHaruna = () => {
  996. let dom = document.getElementById('my-dear-haruna-vm');
  997. if (dom) {
  998. hideOrDisplay(dom, hideHarunaCheckbox.checked ? false : true);
  999. }
  1000. },
  1001. hideShop = () => {
  1002. let dom = document.getElementById('shop-popover-vm');
  1003. if (dom) {
  1004. hideOrDisplay(dom, hideShopCheckbox.checked ? false : true);
  1005. }
  1006. },
  1007. hideGiftControl = () => {
  1008. let dom = document.getElementsByClassName('gift-control-section')[0];
  1009. if (dom) {
  1010. hideOrDisplay(dom, hideGiftControlCheckbox.checked ? false : true);
  1011. }
  1012.  
  1013. dom = document.getElementById('web-player__bottom-bar__container');
  1014. if (dom) {
  1015. hideOrDisplay(dom, hideGiftControlCheckbox.checked ? false : true);
  1016. }
  1017.  
  1018. dom = document.getElementsByTagName('video');
  1019. for (let i = 0; i < dom.length; i++) {
  1020. if (!dom[i]) {
  1021. return;
  1022. }
  1023. if (hideGiftControlCheckbox.checked) {
  1024. dom[i].style.setProperty('height', '100%');
  1025. } else if (document.body.classList.contains('player-full-win') || document.body.classList.contains('fullscreen-fix')) {
  1026. dom[i].style.setProperty('height', 'calc(100% - 114px)');
  1027. }
  1028. }
  1029. },
  1030. hideRoomFeed = () => {
  1031. let dom = document.getElementsByClassName('room-feed')[0];
  1032. if (dom) {
  1033. hideOrDisplay(dom, hideRoomFeedCheckbox.checked ? false : true);
  1034. }
  1035. dom = document.getElementsByClassName('flip-view p-relative')[0];
  1036. if (dom) {
  1037. hideOrDisplay(dom, hideRoomFeedCheckbox.checked ? false : true);
  1038. }
  1039. },
  1040. hideRoomInfo = () => {
  1041. let dom = document.getElementsByClassName('room-info-ctnr')[0];
  1042. if (dom) {
  1043. hideOrDisplay(dom, hideRoomInfoCheckbox.checked ? false : true);
  1044. }
  1045. },
  1046. hideNotice = () => {
  1047. let dom = document.getElementsByClassName('right-container')[0];
  1048. if (dom) {
  1049. dom.style.setProperty('min-height', 'auto');
  1050. hideOrDisplay(dom, hideNoticeCheckbox.checked ? false : true);
  1051. }
  1052. },
  1053. hideFooter = () => {
  1054. let dom = document.getElementById('link-footer-vm');
  1055. if (dom) {
  1056. hideOrDisplay(dom, hideFooterCheckbox.checked ? false : true);
  1057. }
  1058. },
  1059. // hideElements = () => {
  1060. // if (hideElementsTimer) {
  1061. // workerTimer.clearInterval(hideElementsTimer);
  1062. // hideElementsTimer = null;
  1063. // }
  1064. // hideElementsTimer = workerTimer.setInterval(() => {
  1065. // ++hideElementsTimerCount;
  1066. // let ltRow = document.getElementsByClassName('lt-row')[0];
  1067. // if (ltRow) {
  1068. // ltRow.style.setProperty('display', 'none', 'important');
  1069. // if (hideElementsTimer) {
  1070. // workerTimer.clearInterval(hideElementsTimer);
  1071. // hideElementsTimer = null;
  1072. // }
  1073. // }
  1074. // if (30 <= hideElementsTimerCount && hideElementsTimer) {
  1075. // workerTimer.clearInterval(hideElementsTimer);
  1076. // hideElementsTimer = null;
  1077. // }
  1078. // }, 10e3);
  1079. // },
  1080. loadData = () => {
  1081. let obj = getGmValue(roomId, null);
  1082. if (obj) {
  1083. if (source.version === obj.version) {
  1084. source = obj;
  1085. }
  1086. else if (obj.version === 2) {
  1087. source.data1 = obj.data1;
  1088. source.data2 = obj.data2;
  1089. source.data3 = obj.data3;
  1090. source.data4 = obj.data4;
  1091. source.data5 = obj.data5;
  1092. setGmValue(roomId, source);
  1093. } else {
  1094. source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  1095. source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  1096. source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  1097. source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  1098. source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  1099. setGmValue(roomId, source);
  1100. }
  1101. }
  1102. if (pdata.configKey) {
  1103. config = getGmValue(pdata.configKey, {});
  1104. signInput.value = isNull(config.signInText) ? '' : config.signInText;
  1105. }
  1106. setCheckboxChecked();
  1107. dataText1.value = source.data1.values.join('|');
  1108. dataText2.value = source.data2.values.join('|');
  1109. dataText3.value = source.data3.values.join('|');
  1110. dataText4.value = source.data4.values.join('|');
  1111. dataText5.value = source.data5.values.join('|');
  1112. initData();
  1113. },
  1114. // heartBeat = async () => {
  1115. // const arg = `${hbInterval}|${roomId}|1|0`;
  1116. // // const argBase64 = CryptoJS ? CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(arg)) : window.btoa(unescape(encodeURIComponent(arg)));
  1117. // const argBase64 = window.btoa(unescape(encodeURIComponent(arg)));
  1118. // try {
  1119. // const result = await fetch(`//live-trace.bilibili.com/xlive/rdata-interface/v1/heartbeat/webHeartBeat?hb=${encodeURIComponent(argBase64)}&pf=web`, {
  1120. // mode: 'cors',
  1121. // credentials: 'include',
  1122. // }).then(res => res.json());
  1123. // if (0 === result.code) {
  1124. // hbInterval = result.data.next_interval;
  1125. // } else {
  1126. // console.error(`===> ${roomId}直播间心跳失败`);
  1127. // }
  1128. // } catch (error) {
  1129. // console.error(`===> ${roomId}直播间心跳网络请求失败`, error);
  1130. // }
  1131.  
  1132. // let hbTimer = workerTimer.setTimeout(() => {
  1133. // workerTimer.clearTimeout(hbTimer);
  1134. // heartBeat();
  1135. // }, hbInterval * 1e3);
  1136. // },
  1137. initSettingPanel = () => {
  1138. let settingPanel = document.getElementById('danmu-setting-panel');
  1139. if (!settingPanel) {
  1140. console.log('===> 进行面板初始化');
  1141. let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  1142. let btnSend = document.getElementsByClassName('bl-button bl-button--primary')[0];
  1143. if (divButton && btnSend) {
  1144. buildPanel(divButton);
  1145. bgcolor = window.getComputedStyle(btnSend).getPropertyValue('background-color');
  1146. afterSpan.style.setProperty('background', bgcolor);
  1147. beforeSpan.style.setProperty('background', bgcolor);
  1148. dmButtonSend.style.setProperty('background', bgcolor);
  1149. dmButtonSend.style.setProperty('--color', bgcolor.replace(')', ', 0.8)'));
  1150. loadData();
  1151. console.log('===> 面板初始化完成');
  1152. } else {
  1153. console.warn('===> bottom-actions节点或发送按钮丢失');
  1154. return false;
  1155. }
  1156. }
  1157.  
  1158. return true;
  1159. },
  1160. noSleep = () => {
  1161. if (noSleepCheckbox.checked) {
  1162. if (!noSleepTimer) {
  1163. console.log('===> 开启防休眠功能');
  1164. noSleepTimer = workerTimer.setInterval(() => {
  1165. noSleepTimeouter = workerTimer.setTimeout(() => {
  1166. workerTimer.clearTimeout(noSleepTimeouter);
  1167. document.body.dispatchEvent(new MouseEvent("mousemove", { bubbles: true }));
  1168. }, Math.random() * 3e3);
  1169. }, 17e3);
  1170. }
  1171. } else {
  1172. console.log('===> 关闭防休眠功能');
  1173. if (noSleepTimer) {
  1174. workerTimer.clearInterval(noSleepTimer);
  1175. noSleepTimer = null;
  1176. }
  1177. if (noSleepTimeouter) {
  1178. workerTimer.clearTimeout(noSleepTimeouter);
  1179. noSleepTimeouter = null;
  1180. }
  1181. }
  1182. },
  1183. biliMiniClose = () => {
  1184. if (!miniCloseTimer) {
  1185. let miniCloseCount = 3;
  1186. miniCloseTimer = workerTimer.setInterval(() => {
  1187. let mini_close = document.getElementsByClassName('bili-mini-close')[0];
  1188. if (!mini_close) {
  1189. if (0 >= --miniCloseCount) {
  1190. workerTimer.clearInterval(miniCloseTimer);
  1191. miniCloseTimer = null;
  1192. }
  1193.  
  1194. return;
  1195. }
  1196.  
  1197. mini_close.click();
  1198. workerTimer.clearInterval(miniCloseTimer);
  1199. miniCloseTimer = null;
  1200. }, 10e3);
  1201. }
  1202. },
  1203. lucky = () => {
  1204. if (luckyCheckbox.checked) {
  1205. if (!luckyTimer) {
  1206. let luckyCount = 0;
  1207. luckyTimer = workerTimer.setInterval(() => {
  1208. console.log(`===> 第【${++luckyCount}】次定时检查元素`);
  1209. let anchor_guest_box = document.getElementById('anchor-guest-box-id');
  1210. if (!anchor_guest_box) {
  1211. return;
  1212. }
  1213. console.log('===> 存在div id=anchor-guest-box-id');
  1214. let iframe = anchor_guest_box.getElementsByTagName('iframe')[0];
  1215. if (!iframe) {
  1216. console.log('===> 获取不到iframe节点');
  1217. return;
  1218. }
  1219. console.log(`===> 拿到iframe节点——${iframe.src}`);
  1220. let luckyDocument = iframe.contentDocument;
  1221. if (!luckyDocument) {
  1222. console.log('===> 获取不到iframe document');
  1223. let iframeWindow = iframe.contentWindow;
  1224. if (!iframeWindow) {
  1225. console.log('===> 获取不到iframe window');
  1226. return;
  1227. }
  1228. console.log('===> 尝试从iframe window获取document');
  1229. try {
  1230. luckyDocument = iframeWindow.document;
  1231. } catch(e) {
  1232. console.log('===> 报错:iframe的window没有document,进行刷新iframe');
  1233. console.info(e);
  1234. }
  1235. if (!luckyDocument) {
  1236. console.log('===> 从iframe window拿不到document');
  1237. return;
  1238. }
  1239. }
  1240. console.log(`===> 拿到iframe document,打印domain——${luckyDocument.domain}`);
  1241. let join_btn = luckyDocument.getElementsByClassName('particitation-btn bg-100 join-btn-1')[0];
  1242. if (!join_btn) {
  1243. console.log('===> 获取不到抽奖按钮');
  1244. return;
  1245. }
  1246. console.log('===> 拿到抽奖按钮,我要参加抽奖!!!!');
  1247. let close_btn = luckyDocument.getElementsByClassName('close-btn bg-contain')[0];
  1248. join_btn.click();
  1249. biliMiniClose();
  1250. if (close_btn) {
  1251. let closeBtnTimer = workerTimer.setTimeout(() => {
  1252. close_btn.click();
  1253. workerTimer.clearTimeout(closeBtnTimer);
  1254. }, 2e3);
  1255. }
  1256. }, 8e3);
  1257. }
  1258. } else if (luckyTimer) {
  1259. console.log('===> 关闭自动参加天选时刻功能');
  1260. workerTimer.clearInterval(luckyTimer);
  1261. luckyTimer = null;
  1262. }
  1263. },
  1264. debug = () => {debugger;},
  1265. runStart = () => {
  1266. if (isOldVersion()) {
  1267. window.location.href = parentUrl;
  1268. return;
  1269. }
  1270.  
  1271. waiters[waiters.length] = workerTimer.setInterval(() => {
  1272. if (initSettingPanel()) {
  1273. clearWaiters();
  1274. console.log('===> 运行成功');
  1275. } else {
  1276. --waitCount;
  1277. if (0 >= waitCount) {
  1278. clearWaiters();
  1279. console.log('===> 创建面板失败,停止初始化');
  1280. }
  1281. }
  1282. }, 1.5e3);
  1283. };
  1284.  
  1285. initCss();
  1286. // initScript();
  1287. window.debug = debug;
  1288. window.runStart = runStart;
  1289. window.arrayInfo = arrayInfo;
  1290. window.setGmNotice = setGmNotice;
  1291. window.setGmGetValue = setGmGetValue;
  1292. window.setGmSetValue = setGmSetValue;
  1293. window.setGmDelValue = setGmDelValue;
  1294. window.setParentData = setParentData;
  1295. window.autoSendDanmuModuleLoaded = true;
  1296. })();