☰

b-live-random-send-test

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

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

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/447936/1186695/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, 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,
  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.             
  331.             spanApplyTip.style.display = 'block';
  332.             let closeSettingTimer = workerTimer.setTimeout(() => {
  333.                 spanApplyTip.style.display = 'none';
  334.                 divSetting.style.display = 'none';
  335.                 workerTimer.clearTimeout(closeSettingTimer);
  336.             }, 1.5e3);
  337.         },
  338.         danmu = () => {
  339.             if (data.length < 1) {
  340.                 gmNotice({
  341.                     text: '请任意在一个分组里输入一条弹幕',
  342.                     title: '没有弹幕数据，请先设置',
  343.                     image: icoUrl,
  344.                     highlight: true,
  345.                     timeout: noticeTimeout
  346.                 });
  347.                 return false;
  348.             }
  349.             if (rdCheckbox.checked)
  350.                 arrayIndex = Math.floor((Math.random() * data.length));
  351.  
  352.             send(data[arrayIndex], arrayIndex);
  353.             ++arrayIndex;
  354.             if (arrayIndex >= data.length)
  355.                 arrayIndex = 0;
  356.  
  357.             return true;
  358.         },
  359.         offOrOn = () => {
  360.             let timeout = 0;
  361.             if (sendTimer) {
  362.                 workerTimer.clearInterval(sendTimer);
  363.                 sendTimer = null;
  364.                 dmButtonSend.style.background = 'rgba(217,157,27,1)';
  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 = '#ff0000';
  375.                 dmButtonSend.textContent = '停止';
  376.                 dmInput.setAttribute('disabled', 'disabled');
  377.             }
  378.         },
  379.         buildPanel = divButton => {
  380.             /* ----------------------------------------- head ----------------------------------------- */
  381.             let divSettingTitle = document.createElement('div');
  382.             divSettingTitle.textContent = '弹幕设置';
  383.             divSettingTitle.classList.add('danmu-random-setting-title');
  384.  
  385.             let divTip = document.createElement('div');
  386.             divTip.classList.add('danmu-random-setting-tips');
  387.             divTip.innerHTML = '任一分组内输入弹幕即可，多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  388.  
  389.             let divUpdateTip = document.createElement('div');
  390.             divUpdateTip.classList.add('danmu-random-update-tips');
  391.             divUpdateTip.innerHTML = `<span style="color:#f00">更新提示：</span>${updateTips}`;
  392.             /* ----------------------------------------- head ----------------------------------------- */
  393.  
  394.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  395.             let divText1 = document.createElement('div');
  396.             divText1.textContent = '分组 1 ：';
  397.             divText1.classList.add('danmu-group-title');
  398.  
  399.             group1Checkbox = document.createElement('input');
  400.             group1Checkbox.type = 'checkbox';
  401.             group1Checkbox.id = 'group1Checkbox';
  402.             group1Checkbox.checked = true;
  403.  
  404.             let lblGroup1Checkbox = document.createElement('label');
  405.             lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  406.             lblGroup1Checkbox.classList.add('switch-check-label');
  407.  
  408.             let divGroup1Checkbox = document.createElement('div');
  409.             divGroup1Checkbox.classList.add('switch-check');
  410.             divGroup1Checkbox.appendChild(group1Checkbox);
  411.             divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  412.  
  413.             dataText1 = document.createElement('textarea');
  414.             dataText1.classList.add('danmu-group-textarea');
  415.             dataText1.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  416.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  417.  
  418.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  419.             let divText2 = document.createElement('div');
  420.             divText2.textContent = '分组 2 ：';
  421.             divText2.classList.add('danmu-group-title');
  422.  
  423.             group2Checkbox = document.createElement('input');
  424.             group2Checkbox.type = 'checkbox';
  425.             group2Checkbox.id = 'group2Checkbox';
  426.             group2Checkbox.checked = true;
  427.  
  428.             let lblGroup2Checkbox = document.createElement('label');
  429.             lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  430.             lblGroup2Checkbox.classList.add('switch-check-label');
  431.  
  432.             let divGroup2Checkbox = document.createElement('div');
  433.             divGroup2Checkbox.classList.add('switch-check');
  434.             divGroup2Checkbox.appendChild(group2Checkbox);
  435.             divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  436.  
  437.             dataText2 = document.createElement('textarea');
  438.             dataText2.classList.add('danmu-group-textarea');
  439.             dataText2.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  440.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  441.  
  442.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  443.             let divText3 = document.createElement('div');
  444.             divText3.textContent = '分组 3 ：';
  445.             divText3.classList.add('danmu-group-title');
  446.  
  447.             group3Checkbox = document.createElement('input');
  448.             group3Checkbox.type = 'checkbox';
  449.             group3Checkbox.id = 'group3Checkbox';
  450.             group3Checkbox.checked = true;
  451.  
  452.             let lblGroup3Checkbox = document.createElement('label');
  453.             lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  454.             lblGroup3Checkbox.classList.add('switch-check-label');
  455.  
  456.             let divGroup3Checkbox = document.createElement('div');
  457.             divGroup3Checkbox.classList.add('switch-check');
  458.             divGroup3Checkbox.appendChild(group3Checkbox);
  459.             divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  460.  
  461.             dataText3 = document.createElement('textarea');
  462.             dataText3.classList.add('danmu-group-textarea');
  463.             dataText3.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  464.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  465.  
  466.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  467.             let divText4 = document.createElement('div');
  468.             divText4.textContent = '分组 4 ：';
  469.             divText4.classList.add('danmu-group-title');
  470.  
  471.             group4Checkbox = document.createElement('input');
  472.             group4Checkbox.type = 'checkbox';
  473.             group4Checkbox.id = 'group4Checkbox';
  474.             group4Checkbox.checked = true;
  475.  
  476.             let lblGroup4Checkbox = document.createElement('label');
  477.             lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  478.             lblGroup4Checkbox.classList.add('switch-check-label');
  479.  
  480.             let divGroup4Checkbox = document.createElement('div');
  481.             divGroup4Checkbox.classList.add('switch-check');
  482.             divGroup4Checkbox.appendChild(group4Checkbox);
  483.             divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  484.  
  485.             dataText4 = document.createElement('textarea');
  486.             dataText4.classList.add('danmu-group-textarea');
  487.             dataText4.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  488.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  489.  
  490.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  491.             let divText5 = document.createElement('div');
  492.             divText5.textContent = '分组 5 ：';
  493.             divText5.classList.add('danmu-group-title');
  494.  
  495.             group5Checkbox = document.createElement('input');
  496.             group5Checkbox.type = 'checkbox';
  497.             group5Checkbox.id = 'group5Checkbox';
  498.             group5Checkbox.checked = true;
  499.  
  500.             let lblGroup5Checkbox = document.createElement('label');
  501.             lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  502.             lblGroup5Checkbox.classList.add('switch-check-label');
  503.  
  504.             let divGroup5Checkbox = document.createElement('div');
  505.             divGroup5Checkbox.classList.add('switch-check');
  506.             divGroup5Checkbox.appendChild(group5Checkbox);
  507.             divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  508.  
  509.             dataText5 = document.createElement('textarea');
  510.             dataText5.classList.add('danmu-group-textarea');
  511.             dataText5.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  512.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  513.  
  514.             /* ----------------------------------------- chackbox group ----------------------------------------- */
  515.             let divCheckboxGroup = document.createElement('div');
  516.             divCheckboxGroup.style.margin = '20px 0 10px';
  517.  
  518.             let divGlobalSettingTip =  document.createElement('div');
  519.             divGlobalSettingTip.textContent = '以下设置保存之后将适用所有直播间';
  520.             divGlobalSettingTip.title = '其它直播间请刷新应用设置';
  521.             divGlobalSettingTip.classList.add('global-setting-tip');
  522.             divGlobalSettingTip.classList.add('switch-check-group');
  523.             divCheckboxGroup.appendChild(divGlobalSettingTip);
  524.  
  525.                     /* ------------------------ signIn chackbox ------------------------ */
  526.             signInCheckbox = document.createElement('input');
  527.             signInCheckbox.type = 'checkbox';
  528.             signInCheckbox.id = 'signInCheckbox';
  529.             signInCheckbox.checked = true;
  530.             signInCheckbox.addEventListener('click', signIn);
  531.  
  532.             let lblCheckbox = document.createElement('label');
  533.             lblCheckbox.setAttribute('for', 'signInCheckbox');
  534.             lblCheckbox.classList.add('switch-check-label');
  535.  
  536.             let descCheckbox = document.createElement('span');
  537.             descCheckbox.textContent = '打卡弹幕：';
  538.             descCheckbox.title = '每日零点发送一条打卡弹幕';
  539.             descCheckbox.classList.add('danmu-random-switch-button-title');
  540.  
  541.             signInput = document.createElement('input');
  542.             signInput.style.border = '0';
  543.             signInput.style.width = '145px';
  544.             signInput.setAttribute('placeholder', '输入零点打卡发送的文字');
  545.  
  546.             let divCheckbox = document.createElement('div');
  547.             divCheckbox.classList.add('switch-check');
  548.             divCheckbox.classList.add('switch-check-group');
  549.             divCheckbox.appendChild(signInCheckbox);
  550.             divCheckbox.appendChild(lblCheckbox);
  551.             divCheckbox.appendChild(descCheckbox);
  552.             divCheckbox.appendChild(signInput);
  553.  
  554.             divCheckboxGroup.appendChild(divCheckbox);
  555.                     /* ------------------------ signIn chackbox ------------------------ */
  556.  
  557.  
  558.  
  559.                     /* ------------------------ noSleepCheckbox chackbox ------------------------ */
  560.             noSleepCheckbox = document.createElement('input');
  561.             noSleepCheckbox.type = 'checkbox';
  562.             noSleepCheckbox.id = 'noSleepCheckbox';
  563.             noSleepCheckbox.checked = false;
  564.             noSleepCheckbox.addEventListener('click', noSleep);
  565.  
  566.             lblCheckbox = document.createElement('label');
  567.             lblCheckbox.setAttribute('for', 'noSleepCheckbox');
  568.             lblCheckbox.classList.add('switch-check-label');
  569.  
  570.             descCheckbox = document.createElement('span');
  571.             descCheckbox.textContent = '防止直播间休眠';
  572.             descCheckbox.title = '防止直播间页面一段时间没操作之后进入休眠';
  573.             descCheckbox.classList.add('danmu-random-switch-button-title');
  574.  
  575.             divCheckbox = document.createElement('div');
  576.             divCheckbox.classList.add('switch-check');
  577.             divCheckbox.classList.add('switch-check-group');
  578.             divCheckbox.appendChild(noSleepCheckbox);
  579.             divCheckbox.appendChild(lblCheckbox);
  580.             divCheckbox.appendChild(descCheckbox);
  581.  
  582.             divCheckboxGroup.appendChild(divCheckbox);
  583.                     /* ------------------------ noSleepCheckbox chackbox ------------------------ */
  584.  
  585.  
  586.  
  587.                     /* ------------------------ hideLoginGuideCheckbox chackbox ------------------------ */
  588.             hideLoginGuideCheckbox = document.createElement('input');
  589.             hideLoginGuideCheckbox.type = 'checkbox';
  590.             hideLoginGuideCheckbox.id = 'hideLoginGuideCheckbox';
  591.             hideLoginGuideCheckbox.checked = false;
  592.             hideLoginGuideCheckbox.addEventListener('click', hideLoginGuide);
  593.  
  594.             lblCheckbox = document.createElement('label');
  595.             lblCheckbox.setAttribute('for', 'hideLoginGuideCheckbox');
  596.             lblCheckbox.classList.add('switch-check-label');
  597.  
  598.             descCheckbox = document.createElement('span');
  599.             descCheckbox.textContent = '隐藏播放器底部登录提示';
  600.             descCheckbox.title = '隐藏未登录时播放器底部显示的登录提示';
  601.             descCheckbox.classList.add('danmu-random-switch-button-title');
  602.  
  603.             divCheckbox = document.createElement('div');
  604.             divCheckbox.classList.add('switch-check');
  605.             divCheckbox.classList.add('switch-check-group');
  606.             divCheckbox.appendChild(hideLoginGuideCheckbox);
  607.             divCheckbox.appendChild(lblCheckbox);
  608.             divCheckbox.appendChild(descCheckbox);
  609.  
  610.             divCheckboxGroup.appendChild(divCheckbox);
  611.                     /* ------------------------ hideLoginGuideCheckbox chackbox ------------------------ */
  612.  
  613.  
  614.  
  615.                     /* ------------------------ hideHarunaCheckbox chackbox ------------------------ */
  616.             hideHarunaCheckbox = document.createElement('input');
  617.             hideHarunaCheckbox.type = 'checkbox';
  618.             hideHarunaCheckbox.id = 'hideHarunaCheckbox';
  619.             hideHarunaCheckbox.checked = false;
  620.             hideHarunaCheckbox.addEventListener('click', hideHaruna);
  621.  
  622.             lblCheckbox = document.createElement('label');
  623.             lblCheckbox.setAttribute('for', 'hideHarunaCheckbox');
  624.             lblCheckbox.classList.add('switch-check-label');
  625.  
  626.             descCheckbox = document.createElement('span');
  627.             descCheckbox.textContent = '隐藏看板娘立绘';
  628.             descCheckbox.title = '隐藏直播间Haruna立绘';
  629.             descCheckbox.classList.add('danmu-random-switch-button-title');
  630.  
  631.             divCheckbox = document.createElement('div');
  632.             divCheckbox.classList.add('switch-check');
  633.             divCheckbox.classList.add('switch-check-group');
  634.             divCheckbox.appendChild(hideHarunaCheckbox);
  635.             divCheckbox.appendChild(lblCheckbox);
  636.             divCheckbox.appendChild(descCheckbox);
  637.  
  638.             divCheckboxGroup.appendChild(divCheckbox);
  639.                     /* ------------------------ hideHarunaCheckbox chackbox ------------------------ */
  640.  
  641.  
  642.  
  643.                     /* ------------------------ hideShopCheckbox chackbox ------------------------ */
  644.             hideShopCheckbox = document.createElement('input');
  645.             hideShopCheckbox.type = 'checkbox';
  646.             hideShopCheckbox.id = 'hideShopCheckbox';
  647.             hideShopCheckbox.checked = false;
  648.             hideShopCheckbox.addEventListener('click', hideShop);
  649.  
  650.             lblCheckbox = document.createElement('label');
  651.             lblCheckbox.setAttribute('for', 'hideShopCheckbox');
  652.             lblCheckbox.classList.add('switch-check-label');
  653.  
  654.             descCheckbox = document.createElement('span');
  655.             descCheckbox.textContent = '隐藏播放器左上角购物提示';
  656.             descCheckbox.title = '隐藏播放器左上角的商店购物提示';
  657.             descCheckbox.classList.add('danmu-random-switch-button-title');
  658.  
  659.             divCheckbox = document.createElement('div');
  660.             divCheckbox.classList.add('switch-check');
  661.             divCheckbox.classList.add('switch-check-group');
  662.             divCheckbox.appendChild(hideShopCheckbox);
  663.             divCheckbox.appendChild(lblCheckbox);
  664.             divCheckbox.appendChild(descCheckbox);
  665.  
  666.             divCheckboxGroup.appendChild(divCheckbox);
  667.                     /* ------------------------ hideShopCheckbox chackbox ------------------------ */
  668.  
  669.  
  670.  
  671.                     /* ------------------------ hideGiftControlCheckbox chackbox ------------------------ */
  672.             hideGiftControlCheckbox = document.createElement('input');
  673.             hideGiftControlCheckbox.type = 'checkbox';
  674.             hideGiftControlCheckbox.id = 'hideGiftControlCheckbox';
  675.             hideGiftControlCheckbox.checked = false;
  676.             hideGiftControlCheckbox.addEventListener('click', hideGiftControl);
  677.  
  678.             lblCheckbox = document.createElement('label');
  679.             lblCheckbox.setAttribute('for', 'hideGiftControlCheckbox');
  680.             lblCheckbox.classList.add('switch-check-label');
  681.  
  682.             descCheckbox = document.createElement('span');
  683.             descCheckbox.textContent = '隐藏礼物栏';
  684.             descCheckbox.title = '隐藏播放器底部的礼物栏';
  685.             descCheckbox.classList.add('danmu-random-switch-button-title');
  686.  
  687.             divCheckbox = document.createElement('div');
  688.             divCheckbox.classList.add('switch-check');
  689.             divCheckbox.classList.add('switch-check-group');
  690.             divCheckbox.appendChild(hideGiftControlCheckbox);
  691.             divCheckbox.appendChild(lblCheckbox);
  692.             divCheckbox.appendChild(descCheckbox);
  693.  
  694.             divCheckboxGroup.appendChild(divCheckbox);
  695.                     /* ------------------------ hideGiftControlCheckbox chackbox ------------------------ */
  696.  
  697.  
  698.  
  699.                     /* ------------------------ hideRoomFeedCheckbox chackbox ------------------------ */
  700.             hideRoomFeedCheckbox = document.createElement('input');
  701.             hideRoomFeedCheckbox.type = 'checkbox';
  702.             hideRoomFeedCheckbox.id = 'hideRoomFeedCheckbox';
  703.             hideRoomFeedCheckbox.checked = false;
  704.             hideRoomFeedCheckbox.addEventListener('click', hideRoomFeed);
  705.  
  706.             lblCheckbox = document.createElement('label');
  707.             lblCheckbox.setAttribute('for', 'hideRoomFeedCheckbox');
  708.             lblCheckbox.classList.add('switch-check-label');
  709.  
  710.             descCheckbox = document.createElement('span');
  711.             descCheckbox.textContent = '隐藏主播动态';
  712.             descCheckbox.title = '隐藏播放器底下主播的动态栏';
  713.             descCheckbox.classList.add('danmu-random-switch-button-title');
  714.  
  715.             divCheckbox = document.createElement('div');
  716.             divCheckbox.classList.add('switch-check');
  717.             divCheckbox.classList.add('switch-check-group');
  718.             divCheckbox.appendChild(hideRoomFeedCheckbox);
  719.             divCheckbox.appendChild(lblCheckbox);
  720.             divCheckbox.appendChild(descCheckbox);
  721.  
  722.             divCheckboxGroup.appendChild(divCheckbox);
  723.                     /* ------------------------ hideRoomFeedCheckbox chackbox ------------------------ */
  724.  
  725.  
  726.  
  727.                     /* ------------------------ hideRoomInfoCheckbox chackbox ------------------------ */
  728.             hideRoomInfoCheckbox = document.createElement('input');
  729.             hideRoomInfoCheckbox.type = 'checkbox';
  730.             hideRoomInfoCheckbox.id = 'hideRoomInfoCheckbox';
  731.             hideRoomInfoCheckbox.checked = false;
  732.             hideRoomInfoCheckbox.addEventListener('click', hideRoomInfo);
  733.  
  734.             lblCheckbox = document.createElement('label');
  735.             lblCheckbox.setAttribute('for', 'hideRoomInfoCheckbox');
  736.             lblCheckbox.classList.add('switch-check-label');
  737.  
  738.             descCheckbox = document.createElement('span');
  739.             descCheckbox.textContent = '隐藏主播荣耀、简介';
  740.             descCheckbox.title = '隐藏播放器底下主播的荣耀勋章和简介';
  741.             descCheckbox.classList.add('danmu-random-switch-button-title');
  742.  
  743.             divCheckbox = document.createElement('div');
  744.             divCheckbox.classList.add('switch-check');
  745.             divCheckbox.classList.add('switch-check-group');
  746.             divCheckbox.appendChild(hideRoomInfoCheckbox);
  747.             divCheckbox.appendChild(lblCheckbox);
  748.             divCheckbox.appendChild(descCheckbox);
  749.  
  750.             divCheckboxGroup.appendChild(divCheckbox);
  751.                     /* ------------------------ hideRoomInfoCheckbox chackbox ------------------------ */
  752.  
  753.  
  754.  
  755.                     /* ------------------------ hideNoticeCheckbox chackbox ------------------------ */
  756.             hideNoticeCheckbox = document.createElement('input');
  757.             hideNoticeCheckbox.type = 'checkbox';
  758.             hideNoticeCheckbox.id = 'hideNoticeCheckbox';
  759.             hideNoticeCheckbox.checked = false;
  760.             hideNoticeCheckbox.addEventListener('click', hideNotice);
  761.  
  762.             lblCheckbox = document.createElement('label');
  763.             lblCheckbox.setAttribute('for', 'hideNoticeCheckbox');
  764.             lblCheckbox.classList.add('switch-check-label');
  765.  
  766.             descCheckbox = document.createElement('span');
  767.             descCheckbox.textContent = '隐藏主播公告';
  768.             descCheckbox.title = '隐藏弹幕列表底下主播的公告';
  769.             descCheckbox.classList.add('danmu-random-switch-button-title');
  770.  
  771.             divCheckbox = document.createElement('div');
  772.             divCheckbox.classList.add('switch-check');
  773.             divCheckbox.classList.add('switch-check-group');
  774.             divCheckbox.appendChild(hideNoticeCheckbox);
  775.             divCheckbox.appendChild(lblCheckbox);
  776.             divCheckbox.appendChild(descCheckbox);
  777.  
  778.             divCheckboxGroup.appendChild(divCheckbox);
  779.                     /* ------------------------ hideNoticeCheckbox chackbox ------------------------ */
  780.  
  781.  
  782.  
  783.                     /* ------------------------ hideFooterCheckbox chackbox ------------------------ */
  784.             hideFooterCheckbox = document.createElement('input');
  785.             hideFooterCheckbox.type = 'checkbox';
  786.             hideFooterCheckbox.id = 'hideFooterCheckbox';
  787.             hideFooterCheckbox.checked = false;
  788.             hideFooterCheckbox.addEventListener('click', hideFooter);
  789.  
  790.             lblCheckbox = document.createElement('label');
  791.             lblCheckbox.setAttribute('for', 'hideFooterCheckbox');
  792.             lblCheckbox.classList.add('switch-check-label');
  793.  
  794.             descCheckbox = document.createElement('span');
  795.             descCheckbox.textContent = '隐藏直播间页脚';
  796.             descCheckbox.title = '隐藏直播间底部的网页页脚';
  797.             descCheckbox.classList.add('danmu-random-switch-button-title');
  798.  
  799.             divCheckbox = document.createElement('div');
  800.             divCheckbox.classList.add('switch-check');
  801.             divCheckbox.classList.add('switch-check-group');
  802.             divCheckbox.appendChild(hideFooterCheckbox);
  803.             divCheckbox.appendChild(lblCheckbox);
  804.             divCheckbox.appendChild(descCheckbox);
  805.  
  806.             divCheckboxGroup.appendChild(divCheckbox);
  807.                     /* ------------------------ hideFooterCheckbox chackbox ------------------------ */
  808.  
  809.  
  810.  
  811.                     /* ------------------------ luckyCheckbox chackbox ------------------------ */
  812.             luckyCheckbox = document.createElement('input');
  813.             luckyCheckbox.type = 'checkbox';
  814.             luckyCheckbox.id = 'luckyCheckbox';
  815.             luckyCheckbox.checked = false;
  816.             luckyCheckbox.addEventListener('click', lucky);
  817.  
  818.             lblCheckbox = document.createElement('label');
  819.             lblCheckbox.setAttribute('for', 'luckyCheckbox');
  820.             lblCheckbox.classList.add('switch-check-label');
  821.  
  822.             descCheckbox = document.createElement('span');
  823.             descCheckbox.textContent = '自动参与天选时刻抽奖';
  824.             descCheckbox.title = '自动点击参与按钮，但不是天选时刻开始时就立刻处理，会留有一小段反应时间';
  825.             descCheckbox.classList.add('danmu-random-switch-button-title');
  826.  
  827.             divCheckbox = document.createElement('div');
  828.             divCheckbox.classList.add('switch-check');
  829.             divCheckbox.classList.add('switch-check-group');
  830.             divCheckbox.appendChild(luckyCheckbox);
  831.             divCheckbox.appendChild(lblCheckbox);
  832.             divCheckbox.appendChild(descCheckbox);
  833.  
  834.             divCheckboxGroup.appendChild(divCheckbox);
  835.                     /* ------------------------ luckyCheckbox chackbox ------------------------ */
  836.             
  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.         
  870.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  871.             rdCheckbox = document.createElement('input');
  872.             rdCheckbox.type = 'checkbox';
  873.             rdCheckbox.id = 'rdCheckbox';
  874.             rdCheckbox.checked = true;
  875.             // rdCheckbox.addEventListener('click', selectRandom);
  876.  
  877.             lblCheckbox = document.createElement('label');
  878.             lblCheckbox.setAttribute('for', 'rdCheckbox');
  879.             lblCheckbox.classList.add('switch-check-label');
  880.  
  881.             descCheckbox = document.createElement('span');
  882.             descCheckbox.textContent = '随机从上面的弹幕中选出一条发送';
  883.             descCheckbox.title = '将合并所有分组数据，从中随机选出一条发送';
  884.             descCheckbox.classList.add('danmu-random-switch-button-title');
  885.  
  886.             divCheckbox = document.createElement('div');
  887.             divCheckbox.classList.add('switch-check');
  888.             divCheckbox.appendChild(rdCheckbox);
  889.             divCheckbox.appendChild(lblCheckbox);
  890.             divCheckbox.appendChild(descCheckbox);
  891.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  892.  
  893.             /* ----------------------------------------- container ----------------------------------------- */
  894.             let divBottomContainer = document.createElement('div');
  895.             divBottomContainer.classList.add('danmu-random-setting-bottom');
  896.             divBottomContainer.appendChild(divApplyTip);
  897.             divBottomContainer.appendChild(divSettingButton);
  898.  
  899.             let divContainer = document.createElement('div');
  900.             divContainer.style.height = 'calc(98% - 30px - 25px)';
  901.             divContainer.appendChild(divText1);
  902.             divContainer.appendChild(divGroup1Checkbox);
  903.             divContainer.appendChild(dataText1);
  904.             divContainer.appendChild(divText2);
  905.             divContainer.appendChild(divGroup2Checkbox);
  906.             divContainer.appendChild(dataText2);
  907.             divContainer.appendChild(divText3);
  908.             divContainer.appendChild(divGroup3Checkbox);
  909.             divContainer.appendChild(dataText3);
  910.             divContainer.appendChild(divText4);
  911.             divContainer.appendChild(divGroup4Checkbox);
  912.             divContainer.appendChild(dataText4);
  913.             divContainer.appendChild(divText5);
  914.             divContainer.appendChild(divGroup5Checkbox);
  915.             divContainer.appendChild(dataText5);
  916.             divContainer.appendChild(divCheckbox);
  917.             divContainer.appendChild(divCheckboxGroup);
  918.             divContainer.appendChild(divBottomContainer);
  919.             /* ----------------------------------------- container ----------------------------------------- */
  920.  
  921.             divSetting = document.createElement('div');
  922.             divSetting.id = 'danmu-setting-panel';
  923.             divSetting.classList.add('danmu-random-setting-panel');
  924.             divSetting.appendChild(divSettingTitle);
  925.             divSetting.appendChild(divUpdateTip);
  926.             divSetting.appendChild(divTip);
  927.             divSetting.appendChild(divContainer);
  928.  
  929.             let asideAreaVm = document.getElementById('aside-area-vm');
  930.             asideAreaVm.appendChild(divSetting);
  931.  
  932.             /* ----------------------------------------- function ----------------------------------------- */
  933.             dmButtonSend = document.createElement('button');
  934.             dmButtonSend.textContent = '开始';
  935.             dmButtonSend.classList.add('danmu-btn');
  936.             dmButtonSend.style.setProperty('--color', 'rgba(217,157,27,0.8)');
  937.             //dmButtonSend.onclick = function() { alert('Hello world');}
  938.             dmButtonSend.addEventListener('click', offOrOn);
  939.  
  940.             beforeSpan = document.createElement('span');
  941.             beforeSpan.textContent = '每';
  942.             beforeSpan.classList.add('danmu-text-span');
  943.             beforeSpan.style.marginLeft = '4px';
  944.  
  945.             dmInput = document.createElement('input');
  946.             dmInput.value = default_timeout;
  947.             dmInput.classList.add('danmu-second-input');
  948.             dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  949.  
  950.             afterSpan = document.createElement('span');
  951.             afterSpan.textContent = '秒发送';
  952.             afterSpan.classList.add('danmu-text-span');
  953.             afterSpan.style.marginRight = '4px';
  954.  
  955.             let iElement = document.createElement('i');
  956.             iElement.classList.add('el-icon-setting');
  957.  
  958.             let btnSetting = document.createElement('button');
  959.             btnSetting.title = '设置';
  960.             btnSetting.classList.add('el-button');
  961.             btnSetting.classList.add('el-button--mini');
  962.             btnSetting.classList.add('is-circle');
  963.             btnSetting.addEventListener('click', openSetting);
  964.             btnSetting.appendChild(iElement);
  965.  
  966.             // let btnSetting = document.createElement('ion-icon');
  967.             // btnSetting.setAttribute('name', 'settings-sharp');
  968.             // btnSetting.classList.add('el-button');
  969.             // btnSetting.classList.add('el-button--mini');
  970.             // btnSetting.classList.add('is-circle');
  971.             // btnSetting.addEventListener('click', openSetting);
  972.  
  973.             let div = document.createElement('div');
  974.             div.style.position = 'absolute';
  975.             div.appendChild(dmButtonSend);
  976.             div.appendChild(beforeSpan);
  977.             div.appendChild(dmInput);
  978.             div.appendChild(afterSpan);
  979.             div.appendChild(btnSetting);
  980.             divButton.appendChild(div);
  981.             /* ----------------------------------------- function ----------------------------------------- */
  982.         },
  983.         hideOrDisplay = (dom, display) => {
  984.             if (display) {
  985.                 dom.style.removeProperty('display');
  986.             } else {
  987.                 dom.style.setProperty('display', 'none', 'important');
  988.             }
  989.         },
  990.         hideLoginGuide = () => {
  991.             let dom = document.getElementById('switch-login-guide-vm');
  992.             if (dom) {
  993.                 hideOrDisplay(dom, hideLoginGuideCheckbox.checked ? false : true);
  994.             }
  995.         },
  996.         hideHaruna = () => {
  997.             let dom = document.getElementById('my-dear-haruna-vm');
  998.             if (dom) {
  999.                 hideOrDisplay(dom, hideHarunaCheckbox.checked ? false : true);
  1000.             }
  1001.         },
  1002.         hideShop = () => {
  1003.             let dom = document.getElementById('shop-popover-vm');
  1004.             if (dom) {
  1005.                 hideOrDisplay(dom, hideShopCheckbox.checked ? false : true);
  1006.             }
  1007.         },
  1008.         hideGiftControl = () => {
  1009.             let dom = document.getElementsByClassName('gift-control-section')[0];
  1010.             if (dom) {
  1011.                 hideOrDisplay(dom, hideGiftControlCheckbox.checked ? false : true);
  1012.             }
  1013.  
  1014.             dom = document.getElementById('web-player__bottom-bar__container');
  1015.             if (dom) {
  1016.                 hideOrDisplay(dom, hideGiftControlCheckbox.checked ? false : true);
  1017.             }
  1018.  
  1019.             dom = document.getElementsByTagName('video'); 
  1020.             for (let i = 0; i < dom.length; i++) {
  1021.                 if (!dom[i]) {
  1022.                     return;
  1023.                 }
  1024.                 if (hideGiftControlCheckbox.checked) {
  1025.                     dom[i].style.setProperty('height', '100%');
  1026.                 } else if (document.body.classList.contains('player-full-win') || document.body.classList.contains('fullscreen-fix')) {
  1027.                     dom[i].style.setProperty('height', 'calc(100% - 114px)');
  1028.                 }
  1029.             }
  1030.         },
  1031.         hideRoomFeed = () => {
  1032.             let dom = document.getElementsByClassName('room-feed')[0];
  1033.             if (dom) {
  1034.                 hideOrDisplay(dom, hideRoomFeedCheckbox.checked ? false : true);
  1035.             }
  1036.             
  1037.             dom = document.getElementsByClassName('flip-view p-relative')[0];
  1038.             if (dom) {
  1039.                 hideOrDisplay(dom, hideRoomFeedCheckbox.checked ? false : true);
  1040.             }
  1041.         },
  1042.         hideRoomInfo = () => {
  1043.             let dom = document.getElementsByClassName('room-info-ctnr')[0];
  1044.             if (dom) {
  1045.                 hideOrDisplay(dom, hideRoomInfoCheckbox.checked ? false : true);
  1046.             }
  1047.         },
  1048.         hideNotice = () => {
  1049.             let dom = document.getElementsByClassName('right-container')[0];
  1050.             if (dom) {
  1051.                 dom.style.setProperty('min-height', 'auto');
  1052.                 hideOrDisplay(dom, hideNoticeCheckbox.checked ? false : true);
  1053.             }
  1054.         },
  1055.         hideFooter = () => {
  1056.             let dom = document.getElementById('link-footer-vm');
  1057.             if (dom) {
  1058.                 hideOrDisplay(dom, hideFooterCheckbox.checked ? false : true);
  1059.             }
  1060.         },
  1061.         // hideElements = () => {
  1062.         //     if (hideElementsTimer) {
  1063.         //         workerTimer.clearInterval(hideElementsTimer);
  1064.         //         hideElementsTimer = null;
  1065.         //     }
  1066.         //     hideElementsTimer = workerTimer.setInterval(() => {
  1067.         //         ++hideElementsTimerCount;
  1068.         //         let ltRow = document.getElementsByClassName('lt-row')[0];
  1069.         //         if (ltRow) {
  1070.         //             ltRow.style.setProperty('display', 'none', 'important');
  1071.         //             if (hideElementsTimer) {
  1072.         //                 workerTimer.clearInterval(hideElementsTimer);
  1073.         //                 hideElementsTimer = null;
  1074.         //             }
  1075.         //         }
  1076.         //         if (30 <= hideElementsTimerCount && hideElementsTimer) {
  1077.         //             workerTimer.clearInterval(hideElementsTimer);
  1078.         //             hideElementsTimer = null;
  1079.         //         }
  1080.         //     }, 10e3);
  1081.         // },
  1082.         loadData = () => {
  1083.             let obj = getGmValue(roomId, null);
  1084.             if (obj) {
  1085.                 if (source.version === obj.version) {
  1086.                     source = obj;
  1087.                 }
  1088.                 else if (obj.version === 2) {
  1089.                     source.data1 = obj.data1;
  1090.                     source.data2 = obj.data2;
  1091.                     source.data3 = obj.data3;
  1092.                     source.data4 = obj.data4;
  1093.                     source.data5 = obj.data5;
  1094.                     setGmValue(roomId, source);
  1095.                 } else {
  1096.                     source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  1097.                     source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  1098.                     source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  1099.                     source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  1100.                     source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  1101.                     setGmValue(roomId, source);
  1102.                 }
  1103.             }
  1104.             if (pdata.configKey) {
  1105.                 config = getGmValue(pdata.configKey, {});
  1106.                 signInput.value = isNull(config.signInText) ? '' : config.signInText;
  1107.             }
  1108.             
  1109.             setCheckboxChecked();
  1110.             dataText1.value = source.data1.values.join('|');
  1111.             dataText2.value = source.data2.values.join('|');
  1112.             dataText3.value = source.data3.values.join('|');
  1113.             dataText4.value = source.data4.values.join('|');
  1114.             dataText5.value = source.data5.values.join('|');
  1115.             initData();
  1116.         },
  1117.         // heartBeat = async () => {
  1118.         //     const arg = `${hbInterval}|${roomId}|1|0`;
  1119.         //     // const argBase64 = CryptoJS ? CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(arg)) : window.btoa(unescape(encodeURIComponent(arg)));
  1120.         //     const argBase64 = window.btoa(unescape(encodeURIComponent(arg)));
  1121.         //     try {
  1122.         //         const result = await fetch(`//live-trace.bilibili.com/xlive/rdata-interface/v1/heartbeat/webHeartBeat?hb=${encodeURIComponent(argBase64)}&pf=web`, {
  1123.         //             mode: 'cors',
  1124.         //             credentials: 'include',
  1125.         //         }).then(res => res.json());
  1126.         //         if (0 === result.code) {
  1127.         //             hbInterval = result.data.next_interval;
  1128.         //         } else {
  1129.         //             console.error(`===> ${roomId}直播间心跳失败`);
  1130.         //         }
  1131.         //     } catch (error) {
  1132.         //         console.error(`===> ${roomId}直播间心跳网络请求失败`, error);
  1133.         //     }
  1134.  
  1135.         //     let hbTimer = workerTimer.setTimeout(() => {
  1136.         //         workerTimer.clearTimeout(hbTimer);
  1137.         //         heartBeat();
  1138.         //     }, hbInterval * 1e3);
  1139.         // },
  1140.         initSettingPanel = () => {
  1141.             let settingPanel = document.getElementById('danmu-setting-panel');
  1142.             if (!settingPanel) {
  1143.                 console.log('===> 进行面板初始化');
  1144.                 let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  1145.                 let btnSend = document.getElementsByClassName('bl-button bl-button--primary')[0];
  1146.                 if (divButton && btnSend) {
  1147.                     buildPanel(divButton);
  1148.                     let bgcolor = window.getComputedStyle(btnSend).getPropertyValue('background-color');
  1149.                     afterSpan.style.setProperty('background', bgcolor);
  1150.                     beforeSpan.style.setProperty('background', bgcolor);
  1151.                     dmButtonSend.style.setProperty('background', bgcolor);
  1152.                     dmButtonSend.style.setProperty('--color', bgcolor.replace(')', ', 0.8)'));
  1153.                     loadData();
  1154.                     console.log('===> 面板初始化完成');
  1155.                 } else {
  1156.                     console.warn('===> bottom-actions节点或发送按钮丢失');
  1157.                     return false;
  1158.                 }
  1159.             }
  1160.  
  1161.             return true;
  1162.         },
  1163.         noSleep = () => {
  1164.             if (noSleepCheckbox.checked) {
  1165.                 if (!noSleepTimer) {
  1166.                     console.log('===> 开启防休眠功能');
  1167.                     noSleepTimer = workerTimer.setInterval(() => {
  1168.                         noSleepTimeouter = workerTimer.setTimeout(() => {
  1169.                             workerTimer.clearTimeout(noSleepTimeouter);
  1170.                             document.body.dispatchEvent(new MouseEvent("mousemove", { bubbles: true }));
  1171.                         }, Math.random() * 3e3);
  1172.                     }, 17e3);
  1173.                 }
  1174.             } else {
  1175.                 console.log('===> 关闭防休眠功能');
  1176.                 if (noSleepTimer) {
  1177.                     workerTimer.clearInterval(noSleepTimer);
  1178.                     noSleepTimer = null;
  1179.                 }
  1180.                 if (noSleepTimeouter) {
  1181.                     workerTimer.clearTimeout(noSleepTimeouter);
  1182.                     noSleepTimeouter = null;
  1183.                 }
  1184.             }
  1185.         },
  1186.         biliMiniClose = () => {
  1187.             if (!miniCloseTimer) {
  1188.                 let miniCloseCount = 3;
  1189.                 miniCloseTimer = workerTimer.setInterval(() => {
  1190.                     let mini_close = document.getElementsByClassName('bili-mini-close')[0];
  1191.                     if (!mini_close) {
  1192.                         if (0 >= --miniCloseCount) {
  1193.                             workerTimer.clearInterval(miniCloseTimer);
  1194.                             miniCloseTimer = null;
  1195.                         }
  1196.  
  1197.                         return;
  1198.                     }
  1199.  
  1200.                     mini_close.click();
  1201.                     workerTimer.clearInterval(miniCloseTimer);
  1202.                     miniCloseTimer = null;
  1203.                 }, 10e3);
  1204.             }
  1205.         },
  1206.         lucky = () => {
  1207.             if (luckyCheckbox.checked) {
  1208.                 if (!luckyTimer) {
  1209.                     let luckyCount = 0;
  1210.                     luckyTimer = workerTimer.setInterval(() => {
  1211.                         console.log(`===> 第【${++luckyCount}】次定时检查元素`);
  1212.                         let anchor_guest_box = document.getElementById('anchor-guest-box-id');
  1213.                         if (!anchor_guest_box) {
  1214.                             return;
  1215.                         }
  1216.     
  1217.                         console.log('===> 存在div id=anchor-guest-box-id');
  1218.                         let iframe = anchor_guest_box.getElementsByTagName('iframe')[0];
  1219.                         if (!iframe) {
  1220.                             console.log('===> 获取不到iframe节点');
  1221.                             return;
  1222.                         }
  1223.                         
  1224.                         console.log(`===> 拿到iframe节点——${iframe.src}`);
  1225.                         let luckyDocument = iframe.contentDocument;
  1226.                         if (!luckyDocument) {
  1227.                             console.log('===> 获取不到iframe document');
  1228.                             let iframeWindow = iframe.contentWindow;
  1229.                             if (!iframeWindow) {
  1230.                                 console.log('===> 获取不到iframe window');
  1231.                                 return;
  1232.                             }
  1233.                             
  1234.                             console.log('===> 尝试从iframe window获取document');
  1235.                             try {
  1236.                                 luckyDocument = iframeWindow.document;
  1237.                             } catch(e) {
  1238.                                 console.log('===> 报错：iframe的window没有document，进行刷新iframe');
  1239.                                 console.info(e);
  1240.                             }
  1241.                             if (!luckyDocument) {
  1242.                                 console.log('===> 从iframe window拿不到document');
  1243.                                 return;
  1244.                             }
  1245.                         }
  1246.     
  1247.                         console.log(`===> 拿到iframe document，打印domain——${luckyDocument.domain}`);
  1248.                         let join_btn = luckyDocument.getElementsByClassName('particitation-btn bg-100 join-btn-1')[0];
  1249.                         if (!join_btn) {
  1250.                             console.log('===> 获取不到抽奖按钮');
  1251.                             return;
  1252.                         }
  1253.                         
  1254.                         console.log('===> 拿到抽奖按钮，我要参加抽奖！！！！');
  1255.                         let close_btn = luckyDocument.getElementsByClassName('close-btn bg-contain')[0];
  1256.                         join_btn.click();
  1257.                         biliMiniClose();
  1258.                         if (close_btn) {
  1259.                             let closeBtnTimer = workerTimer.setTimeout(() => {
  1260.                                 close_btn.click();
  1261.                                 workerTimer.clearTimeout(closeBtnTimer);
  1262.                             }, 2e3);
  1263.                         }
  1264.                     }, 8e3);
  1265.                 }
  1266.             } else if (luckyTimer) {
  1267.                 console.log('===> 关闭自动参加天选时刻功能');
  1268.                 workerTimer.clearInterval(luckyTimer);
  1269.                 luckyTimer = null;
  1270.             }
  1271.         },
  1272.         debug = () => {debugger;},
  1273.         runStart = () => {
  1274.             if (isOldVersion()) {
  1275.                 window.location.href = parentUrl;
  1276.                 return;
  1277.             }
  1278.  
  1279.             waiters[waiters.length] = workerTimer.setInterval(() => {
  1280.                 if (initSettingPanel()) {
  1281.                     clearWaiters();
  1282.                     console.log('===> 运行成功');
  1283.                 } else {
  1284.                     --waitCount;
  1285.                     if (0 >= waitCount) {
  1286.                         clearWaiters();
  1287.                         console.log('===> 创建面板失败，停止初始化');
  1288.                     }
  1289.                 }
  1290.             }, 1.5e3);
  1291.         };
  1292.  
  1293.     initCss();
  1294.     // initScript();
  1295.     window.debug = debug;
  1296.     window.runStart = runStart;
  1297.     window.arrayInfo = arrayInfo;
  1298.     window.setGmNotice = setGmNotice;
  1299.     window.setGmGetValue = setGmGetValue;
  1300.     window.setGmSetValue = setGmSetValue;
  1301.     window.setGmDelValue = setGmDelValue;
  1302.     window.setParentData = setParentData;
  1303.     window.autoSendDanmuModuleLoaded = true;
  1304. })();