☰

b-live-random-send-test

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

当前为 2023-05-18 提交的版本，查看 最新版本。

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

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