☰

b-live-random-send-test

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

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

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

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