☰

b-live-random-send-test

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

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

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

  1. (function () {
  2.     const blobURL = URL.createObjectURL(
  3.         new Blob(
  4.             [
  5.                 '(',
  6.                 function () {
  7.                     const ids = {};
  8.                     // 监听message 开始执行定时器或者销毁
  9.                     self.onmessage = (e) => {
  10.                         switch (e.data.command) {
  11.                             case 'interval:start': // 开启定时器
  12.                                 const intervalId = setInterval(() => postMessage({ message: 'interval:tick', id: e.data.id }), e.data.interval);
  13.                                 // postMessage({ message: 'interval:started', id: e.data.id });
  14.                                 ids[e.data.id] = intervalId;
  15.                                 break;
  16.                             case 'interval:clear': // 销毁
  17.                                 clearInterval(ids[e.data.id]);
  18.                                 postMessage({ message: 'interval:cleared', id: e.data.id });
  19.                                 delete ids[e.data.id];
  20.                                 break;
  21.                             case 'timeout:start':
  22.                                 const timeoutId = setTimeout(() => postMessage({ message: 'timeout:tick', id: e.data.id }), e.data.timeout);
  23.                                 // postMessage({ message: 'timeout:started', id: e.data.id });
  24.                                 ids[e.data.id] = timeoutId;
  25.                                 break;
  26.                             case 'timeout:clear':
  27.                                 clearTimeout(ids[e.data.id]);
  28.                                 postMessage({ message: 'timeout:cleared', id: e.data.id });
  29.                                 delete ids[e.data.id];
  30.                                 break;
  31.                         }
  32.                     };
  33.                 }.toString(),
  34.                 ')()',
  35.             ],
  36.             { type: 'application/javascript' },
  37.         ),
  38.     );
  39.     const worker = new Worker(blobURL);
  40.     URL.revokeObjectURL(blobURL); //用完释放URL对象
  41.     const workerTimer = {
  42.         id: 0,
  43.         callbacks: {},
  44.         setInterval: (cb, interval, context) => {
  45.             const id = ++workerTimer.id;
  46.             workerTimer.callbacks[id] = { fn: cb, context: context };
  47.             worker.postMessage({ command: 'interval:start', interval: interval, id: id });
  48.             return id;
  49.         },
  50.         setTimeout: (cb, timeout, context) => {
  51.             const id = ++workerTimer.id;
  52.             workerTimer.callbacks[id] = { fn: cb, context: context };
  53.             worker.postMessage({ command: 'timeout:start', timeout: timeout, id: id });
  54.             return id;
  55.         },
  56.  
  57.         // 监听worker 里面的定时器发送的message 然后执行回调函数
  58.         onMessage: (e) => {
  59.             switch (e.data.message) {
  60.                 case 'interval:tick':
  61.                 case 'timeout:tick':
  62.                     const callbackItem = workerTimer.callbacks[e.data.id];
  63.                     if (callbackItem && callbackItem.fn)
  64.                         callbackItem.fn.apply(callbackItem.context);
  65.  
  66.                     break;
  67.                 case 'interval:cleared':
  68.                 case 'timeout:cleared':
  69.                     delete workerTimer.callbacks[e.data.id];
  70.                     break;
  71.             }
  72.         },
  73.  
  74.         // 往worker里面发送销毁指令
  75.         clearInterval: (id) => worker.postMessage({ command: 'interval:clear', id: id }),
  76.         clearTimeout: (id) => worker.postMessage({ command: 'timeout:clear', id: id }),
  77.     };
  78.     worker.onmessage = workerTimer.onMessage.bind(workerTimer);
  79.  
  80.     let source = {
  81.         version: 3,
  82.         random: true,
  83.         data1: { available: true, values: ['弹幕①', '弹幕②'] },
  84.         data2: { available: true, values: ['弹幕③', '弹幕④'] },
  85.         data3: { available: true, values: ['弹幕⑤', '弹幕⑥'] },
  86.         data4: { available: true, values: ['弹幕⑦', '弹幕⑧'] },
  87.         data5: { available: true, values: ['弹幕⑨', '弹幕Ⅹ'] }
  88.     },
  89.         rdCheckbox, group1Checkbox, group2Checkbox, group3Checkbox, group4Checkbox, group5Checkbox,
  90.         dmButtonSend, dmInput, divSetting, dataText1, dataText2, dataText3, dataText4, dataText5, spanApplyTip,
  91.         pdata = {}, waiters = [], data = [], sendTimer = null, removeElementsTimer = null, signInTimer = null,
  92.         count = 0, waitCount = 200, arrayIndex = 0, removeElementsTimerCount = 0, default_timeout = 600,
  93.         hbInterval = Math.floor(Math.random() * (35 - 50)) + 50; // 随机范围：[30 ~ 50]
  94.         gmNotice = obj => { alert('请更新油猴脚本'); window.location.href = parentUrl; },
  95.         getGmValue = (key, defaultValue) => { return null; },
  96.         setGmValue = (key, obj) => { console.warn('===> No implementation "setGmValue" method.'); },
  97.         delGmValue = key => { console.warn('===> No implementation "delGmValue" method.'); };
  98.  
  99.     const minVersion = '2.4.0', noticeTimeout = 10000,
  100.         icoUrl = 'https://www.bilibili.com/favicon.ico',
  101.         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',
  102.         // roomId = window.__NEPTUNE_IS_MY_WAIFU__
  103.         //     ? 0 == window.__NEPTUNE_IS_MY_WAIFU__.roomInfoRes.data.room_info.short_id
  104.         //         ? window.__NEPTUNE_IS_MY_WAIFU__.roomInfoRes.data.room_info.room_id
  105.         //         : window.__NEPTUNE_IS_MY_WAIFU__.roomInfoRes.data.room_info.short_id
  106.         //     : window.location.pathname.replace(/^\/(\S+\/)*/g, ''),
  107.         roomId = window.location.pathname.replace(/^\/(\S+\/)*/g, ''),
  108.         setGmGetValue = callback => getGmValue = callback,
  109.         setGmSetValue = callback => setGmValue = callback,
  110.         setGmDelValue = callback => delGmValue = callback,
  111.         setGmNotice = callback => gmNotice = callback,
  112.         setParentData = obj => pdata = obj,
  113.         arrayInfo = () => console.info(data),
  114.         // setLoadedFlag = flag => window.autoSendDanmuModuleLoaded = flag,
  115.         isOldVersion = () => {
  116.             if (!pdata.version) {
  117.                 return true;
  118.             }
  119.             if (minVersion === pdata.version) {
  120.                 return false;
  121.             } else {
  122.                 let vals = pdata.version.split('.');
  123.                 let mins = minVersion.split('.');
  124.                 if (vals.length != mins.length) {
  125.                     return true;
  126.                 } else {
  127.                     for (let i = 0; i < vals.length; i++) {
  128.                         if (mins[i] > vals[i]) {
  129.                             return true;
  130.                         }
  131.                     }
  132.  
  133.                     return false;
  134.                 }
  135.             }
  136.         },
  137.         initCss = () => {
  138.             let linkElement = document.createElement('link');
  139.             linkElement.rel = 'stylesheet';
  140.             linkElement.href = 'https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css';
  141.             document.head.appendChild(linkElement);
  142.  
  143.             // 图标库 https://ionic.io/ionicons
  144.             // let scriptElement = document.createElement('script');
  145.             // scriptElement.src = 'https://unpkg.com/ionicons@5.5.2/dist/ionicons.js';
  146.             // document.head.appendChild(scriptElement);
  147.  
  148.             let customerStyle = document.createElement('style');
  149.             customerStyle.setAttribute('type', 'text/css');
  150.             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;}.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-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:16px;vertical-align:middle;margin-right:4px;color:#095ca2;cursor:help;}.danmu-random-setting-success-tips{text-align:center;display:inline-block;vertical-align:middle;width:34%;}.danmu-random-setting-success-text{font-size:16px;color:#128712;display:none;}.danmu-random-set-button-container{display:inline-block;vertical-align:middle;}';
  151.             document.head.appendChild(customerStyle);
  152.         },
  153.         // initScript = () => {
  154.         //     let script = document.createElement('script');
  155.         //     script.type = 'text/javascript';
  156.         //     script.src = 'https://cdn.jsdelivr.net/npm/crypto-js@4.1.1/crypto-js.js';
  157.         //     document.head.appendChild(script);
  158.         // },
  159.         getCurrentTimestamp = () => new Date().getTime(),
  160.         send = (msg, index) => {
  161.             let dmTextArea = document.getElementById('aside-area-vm').getElementsByClassName('chat-input border-box')[0];
  162.             if (!dmTextArea) {
  163.                 alert('找不到输入弹幕文本框，请尝试刷新页面');
  164.                 return;
  165.             }
  166.  
  167.             let btnSend = document.getElementsByClassName('bl-button live-skin-highlight-button-bg live-skin-button-text bl-button--primary bl-button--small')[0];
  168.             if (!btnSend) {
  169.                 alert('找不到发送按钮，请尝试刷新页面');
  170.                 return;
  171.             }
  172.             // if (getCurrentTimestamp() - lastSent < 5000) {
  173.             //     setTimeout(() => send(msg, index), 5000);
  174.             //     console.log('===> 发送间隔少于5秒，进入递归处理');
  175.             // } else {
  176.             dmTextArea.value = msg;
  177.             // 定义事件, 定义才可发送
  178.             dmTextArea.dispatchEvent(new Event('input', { "bubbles": true, "cancelable": true }));
  179.             btnSend.click();
  180.             lastSent = getCurrentTimestamp();
  181.             ++count;
  182.             console.log('===> ' + new Date().toLocaleString() + ' 弹幕发送成功 ' + count + ' 次，第【' + index + '】条数据 === ' + msg);
  183.             // }
  184.         },
  185.         isNull = str => {
  186.             if (!str || str == "")
  187.                 return true;
  188.  
  189.             let regu = "^[ ]+$";
  190.             let re = new RegExp(regu);
  191.             return re.test(str);
  192.         },
  193.         randomSort = arr => {
  194.             for (let i = 0; i < arr.length; i++) {
  195.                 const rdIndex = Math.floor(Math.random() * arr.length);
  196.                 const temp = arr[i];
  197.                 arr[i] = arr[rdIndex];
  198.                 arr[rdIndex] = temp;
  199.             }
  200.  
  201.             return arr;
  202.         },
  203.         clearWaiters = () => {
  204.             for (let i = 0; i < waiters.length; i++) {
  205.                 workerTimer.clearInterval(waiters[i]);
  206.                 waiters[i] = null;
  207.             }
  208.  
  209.             waiters = [];
  210.         },
  211.         signIn = () => {
  212.             if (!signInTimer) {
  213.                 let timestamp = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).toDateString()).getTime() - getCurrentTimestamp();
  214.                 console.log('===> 设置凌晨打卡定时器【' + timestamp + '】');
  215.                 signInTimer = workerTimer.setTimeout(() => {
  216.                     if (dmButtonSend.textContent === '停止')
  217.                         send(pdata.signText ? pdata.signText : '打卡', 0);
  218.     
  219.                     console.log('===> 进入下一轮递归签到');
  220.                     workerTimer.clearTimeout(signInTimer);
  221.                     signInTimer = null;
  222.                     signIn();
  223.                 }, timestamp);
  224.             }
  225.         },
  226.         // selectRandom = () => source.random = rdCheckbox.checked,
  227.         setCheckboxChecked = () => {
  228.             rdCheckbox.checked = source.random;
  229.             group1Checkbox.checked = source.data1.available;
  230.             group2Checkbox.checked = source.data2.available;
  231.             group3Checkbox.checked = source.data3.available;
  232.             group4Checkbox.checked = source.data4.available;
  233.             group5Checkbox.checked = source.data5.available;
  234.         },
  235.         openSetting = () => divSetting.style.display = 'block',
  236.         closeSetting = () => {
  237.             setCheckboxChecked();
  238.             divSetting.style.display = 'none';
  239.         },
  240.         initData = () => {
  241.             if (source.data1.values.length <= 0
  242.                 && source.data2.values.length <= 0
  243.                 && source.data3.values.length <= 0
  244.                 && source.data4.values.length <= 0
  245.                 && source.data5.values.length <= 0) {
  246.                 return data ? data : [];
  247.             }
  248.  
  249.             let result = [];
  250.             result = source.data1.available ? result.concat(source.data1.values) : result;
  251.             result = source.data2.available ? result.concat(source.data2.values) : result;
  252.             result = source.data3.available ? result.concat(source.data3.values) : result;
  253.             result = source.data4.available ? result.concat(source.data4.values) : result;
  254.             result = source.data5.available ? result.concat(source.data5.values) : result;
  255.             data = result;
  256.             source.random ? data = randomSort(result) : arrayIndex = 0;
  257.         },
  258.         applySetting = () => {
  259.             source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
  260.             source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
  261.             source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
  262.             source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
  263.             source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
  264.             source.random = rdCheckbox.checked;
  265.             source.data1.available = group1Checkbox.checked;
  266.             source.data2.available = group2Checkbox.checked;
  267.             source.data3.available = group3Checkbox.checked;
  268.             source.data4.available = group4Checkbox.checked;
  269.             source.data5.available = group5Checkbox.checked;
  270.             initData();
  271.             setGmValue(roomId, source);
  272.             spanApplyTip.style.display = 'block';
  273.             setTimeout(() => {
  274.                 spanApplyTip.style.display = 'none';
  275.                 divSetting.style.display = 'none';
  276.             }, 1500);
  277.         },
  278.         danmu = () => {
  279.             if (data.length < 1) {
  280.                 gmNotice({
  281.                     text: '请任意在一个分组里输入一条弹幕',
  282.                     title: '没有弹幕数据，请先设置',
  283.                     image: icoUrl,
  284.                     highlight: true,
  285.                     timeout: noticeTimeout
  286.                 });
  287.                 return false;
  288.             }
  289.             if (source.random)
  290.                 arrayIndex = Math.floor((Math.random() * data.length));
  291.  
  292.             send(data[arrayIndex], arrayIndex);
  293.             ++arrayIndex;
  294.             if (arrayIndex >= data.length)
  295.                 arrayIndex = 0;
  296.  
  297.             return true;
  298.         },
  299.         offOrOn = () => {
  300.             let timeout = 0;
  301.             if (sendTimer) {
  302.                 workerTimer.clearInterval(sendTimer);
  303.                 sendTimer = null;
  304.                 dmButtonSend.style.background = 'rgba(217,157,27,1)';
  305.                 dmButtonSend.textContent = '开始';
  306.                 dmInput.removeAttribute("disabled");
  307.             } else {
  308.                 timeout = isNull(dmInput.value) ? default_timeout * 1000 : dmInput.value * 1000;
  309.                 if (!danmu())
  310.                     return;
  311.  
  312.                 sendTimer = workerTimer.setInterval(danmu, timeout);
  313.                 dmButtonSend.style.background = '#ff0000';
  314.                 dmButtonSend.textContent = '停止';
  315.                 dmInput.setAttribute('disabled', 'disabled');
  316.             }
  317.         },
  318.         buildPanel = divButton => {
  319.             /* ----------------------------------------- head ----------------------------------------- */
  320.             let divSettingTitle = document.createElement('div');
  321.             divSettingTitle.textContent = '弹幕设置';
  322.             divSettingTitle.classList.add('danmu-random-setting-title');
  323.  
  324.             let divTip = document.createElement('div');
  325.             divTip.classList.add('danmu-random-setting-tips');
  326.             divTip.innerHTML = '任一分组内输入弹幕即可，多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  327.  
  328.             let divUpdateTip = document.createElement('div');
  329.             divUpdateTip.classList.add('danmu-random-update-tips');
  330.             divUpdateTip.innerHTML = '<span style="color:#f00">更新提示：</span>近期油猴网络不稳影响脚本加载';
  331.             /* ----------------------------------------- head ----------------------------------------- */
  332.  
  333.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  334.             let divText1 = document.createElement('div');
  335.             divText1.textContent = '分组 1 ：';
  336.             divText1.classList.add('danmu-group-title');
  337.  
  338.             group1Checkbox = document.createElement('input');
  339.             group1Checkbox.type = 'checkbox';
  340.             group1Checkbox.id = 'group1Checkbox';
  341.             group1Checkbox.checked = true;
  342.  
  343.             let lblGroup1Checkbox = document.createElement('label');
  344.             lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  345.             lblGroup1Checkbox.classList.add('switch-check-label');
  346.  
  347.             let divGroup1Checkbox = document.createElement('div');
  348.             divGroup1Checkbox.classList.add('switch-check');
  349.             divGroup1Checkbox.appendChild(group1Checkbox);
  350.             divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  351.  
  352.             dataText1 = document.createElement('textarea');
  353.             dataText1.classList.add('danmu-group-textarea');
  354.             dataText1.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  355.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  356.  
  357.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  358.             let divText2 = document.createElement('div');
  359.             divText2.textContent = '分组 2 ：';
  360.             divText2.classList.add('danmu-group-title');
  361.  
  362.             group2Checkbox = document.createElement('input');
  363.             group2Checkbox.type = 'checkbox';
  364.             group2Checkbox.id = 'group2Checkbox';
  365.             group2Checkbox.checked = true;
  366.  
  367.             let lblGroup2Checkbox = document.createElement('label');
  368.             lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  369.             lblGroup2Checkbox.classList.add('switch-check-label');
  370.  
  371.             let divGroup2Checkbox = document.createElement('div');
  372.             divGroup2Checkbox.classList.add('switch-check');
  373.             divGroup2Checkbox.appendChild(group2Checkbox);
  374.             divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  375.  
  376.             dataText2 = document.createElement('textarea');
  377.             dataText2.classList.add('danmu-group-textarea');
  378.             dataText2.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  379.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  380.  
  381.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  382.             let divText3 = document.createElement('div');
  383.             divText3.textContent = '分组 3 ：';
  384.             divText3.classList.add('danmu-group-title');
  385.  
  386.             group3Checkbox = document.createElement('input');
  387.             group3Checkbox.type = 'checkbox';
  388.             group3Checkbox.id = 'group3Checkbox';
  389.             group3Checkbox.checked = true;
  390.  
  391.             let lblGroup3Checkbox = document.createElement('label');
  392.             lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  393.             lblGroup3Checkbox.classList.add('switch-check-label');
  394.  
  395.             let divGroup3Checkbox = document.createElement('div');
  396.             divGroup3Checkbox.classList.add('switch-check');
  397.             divGroup3Checkbox.appendChild(group3Checkbox);
  398.             divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  399.  
  400.             dataText3 = document.createElement('textarea');
  401.             dataText3.classList.add('danmu-group-textarea');
  402.             dataText3.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  403.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  404.  
  405.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  406.             let divText4 = document.createElement('div');
  407.             divText4.textContent = '分组 4 ：';
  408.             divText4.classList.add('danmu-group-title');
  409.  
  410.             group4Checkbox = document.createElement('input');
  411.             group4Checkbox.type = 'checkbox';
  412.             group4Checkbox.id = 'group4Checkbox';
  413.             group4Checkbox.checked = true;
  414.  
  415.             let lblGroup4Checkbox = document.createElement('label');
  416.             lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  417.             lblGroup4Checkbox.classList.add('switch-check-label');
  418.  
  419.             let divGroup4Checkbox = document.createElement('div');
  420.             divGroup4Checkbox.classList.add('switch-check');
  421.             divGroup4Checkbox.appendChild(group4Checkbox);
  422.             divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  423.  
  424.             dataText4 = document.createElement('textarea');
  425.             dataText4.classList.add('danmu-group-textarea');
  426.             dataText4.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  427.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  428.  
  429.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  430.             let divText5 = document.createElement('div');
  431.             divText5.textContent = '分组 5 ：';
  432.             divText5.classList.add('danmu-group-title');
  433.  
  434.             group5Checkbox = document.createElement('input');
  435.             group5Checkbox.type = 'checkbox';
  436.             group5Checkbox.id = 'group5Checkbox';
  437.             group5Checkbox.checked = true;
  438.  
  439.             let lblGroup5Checkbox = document.createElement('label');
  440.             lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  441.             lblGroup5Checkbox.classList.add('switch-check-label');
  442.  
  443.             let divGroup5Checkbox = document.createElement('div');
  444.             divGroup5Checkbox.classList.add('switch-check');
  445.             divGroup5Checkbox.appendChild(group5Checkbox);
  446.             divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  447.  
  448.             dataText5 = document.createElement('textarea');
  449.             dataText5.classList.add('danmu-group-textarea');
  450.             dataText5.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  451.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  452.  
  453.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  454.             let descCheckbox = document.createElement('span');
  455.             descCheckbox.textContent = '随机';
  456.             descCheckbox.title = '将合并所有分组数据，从中随机选出一条发送';
  457.             descCheckbox.classList.add('danmu-random-switch-button-title');
  458.  
  459.             rdCheckbox = document.createElement('input');
  460.             rdCheckbox.type = 'checkbox';
  461.             rdCheckbox.id = 'rdmCheckbox';
  462.             rdCheckbox.checked = true;
  463.             // rdCheckbox.addEventListener('click', selectRandom);
  464.  
  465.             let lblCheckbox = document.createElement('label');
  466.             lblCheckbox.setAttribute('for', 'rdmCheckbox');
  467.             lblCheckbox.classList.add('switch-check-label');
  468.  
  469.             let divCheckbox = document.createElement('div');
  470.             divCheckbox.classList.add('switch-check');
  471.             divCheckbox.style.marginLeft = '10px';
  472.             divCheckbox.appendChild(descCheckbox);
  473.             divCheckbox.appendChild(rdCheckbox);
  474.             divCheckbox.appendChild(lblCheckbox);
  475.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  476.  
  477.             /* ----------------------------------------- div tip ----------------------------------------- */
  478.             spanApplyTip = document.createElement('span');
  479.             spanApplyTip.textContent = '设置成功';
  480.             spanApplyTip.classList.add('danmu-random-setting-success-text');
  481.  
  482.             let divApplyTip = document.createElement('div');
  483.             divApplyTip.classList.add('danmu-random-setting-success-tips');
  484.             divApplyTip.appendChild(spanApplyTip);
  485.             /* ----------------------------------------- div tip ----------------------------------------- */
  486.  
  487.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  488.             let btnApplySetting = document.createElement('i');
  489.             btnApplySetting.setAttribute('title', '应用');
  490.             btnApplySetting.classList.add('el-button');
  491.             btnApplySetting.classList.add('el-icon-check');
  492.             btnApplySetting.classList.add('is-circle');
  493.             btnApplySetting.addEventListener('click', applySetting);
  494.  
  495.             let btnCloseSetting = document.createElement('i');
  496.             btnCloseSetting.setAttribute('title', '关闭');
  497.             btnCloseSetting.classList.add('el-button');
  498.             btnCloseSetting.classList.add('el-icon-close');
  499.             btnCloseSetting.classList.add('is-circle');
  500.             btnCloseSetting.addEventListener('click', closeSetting);
  501.  
  502.             let divSettingButton = document.createElement('div');
  503.             divSettingButton.classList.add('danmu-random-set-button-container');
  504.             divSettingButton.appendChild(btnApplySetting);
  505.             divSettingButton.appendChild(btnCloseSetting);
  506.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  507.  
  508.             /* ----------------------------------------- container ----------------------------------------- */
  509.             let divBottomContainer = document.createElement('div');
  510.             divBottomContainer.classList.add('danmu-random-setting-bottom');
  511.             divBottomContainer.appendChild(divCheckbox);
  512.             divBottomContainer.appendChild(divApplyTip);
  513.             divBottomContainer.appendChild(divSettingButton);
  514.  
  515.             let divContainer = document.createElement('div');
  516.             divContainer.style.height = 'calc(98% - 30px - 25px)';
  517.             divContainer.appendChild(divText1);
  518.             divContainer.appendChild(divGroup1Checkbox);
  519.             divContainer.appendChild(dataText1);
  520.             divContainer.appendChild(divText2);
  521.             divContainer.appendChild(divGroup2Checkbox);
  522.             divContainer.appendChild(dataText2);
  523.             divContainer.appendChild(divText3);
  524.             divContainer.appendChild(divGroup3Checkbox);
  525.             divContainer.appendChild(dataText3);
  526.             divContainer.appendChild(divText4);
  527.             divContainer.appendChild(divGroup4Checkbox);
  528.             divContainer.appendChild(dataText4);
  529.             divContainer.appendChild(divText5);
  530.             divContainer.appendChild(divGroup5Checkbox);
  531.             divContainer.appendChild(dataText5);
  532.             divContainer.appendChild(divBottomContainer);
  533.             /* ----------------------------------------- container ----------------------------------------- */
  534.  
  535.             divSetting = document.createElement('div');
  536.             divSetting.id = 'danmu-setting-panel';
  537.             divSetting.classList.add('danmu-random-setting-panel');
  538.             divSetting.appendChild(divSettingTitle);
  539.             divSetting.appendChild(divTip);
  540.             divSetting.appendChild(divUpdateTip);
  541.             divSetting.appendChild(divContainer);
  542.  
  543.             let asideAreaVm = document.getElementById('aside-area-vm');
  544.             asideAreaVm.appendChild(divSetting);
  545.  
  546.             /* ----------------------------------------- function ----------------------------------------- */
  547.             dmButtonSend = document.createElement('button');
  548.             dmButtonSend.textContent = '开始';
  549.             dmButtonSend.style.minWidth = '65px';
  550.             dmButtonSend.style.height = '24px';
  551.             dmButtonSend.style.fontSize = '12px';
  552.             dmButtonSend.style.borderRadius = '4px';
  553.             dmButtonSend.style.color = '#ffffff';
  554.             dmButtonSend.style.background = 'rgba(217,157,27,1)';
  555.             dmButtonSend.style.border = '0';
  556.             dmButtonSend.style.cursor = 'pointer';
  557.             //dmButtonSend.onclick = function() { alert('Hello world');}
  558.             dmButtonSend.addEventListener('click', offOrOn);
  559.  
  560.             let beforeSpan = document.createElement('span');
  561.             beforeSpan.textContent = '每';
  562.             beforeSpan.style.color = '#ffffff';
  563.             beforeSpan.style.fontSize = '12px';
  564.             beforeSpan.style.marginLeft = '4px';
  565.             beforeSpan.style.backgroundColor = '#ec6c1b';
  566.  
  567.             dmInput = document.createElement('input');
  568.             dmInput.value = default_timeout;
  569.             dmInput.style.width = '25px';
  570.             dmInput.style.height = '15px';
  571.             dmInput.style.margin = '0 3px';
  572.             dmInput.style.border = '0';
  573.             dmInput.style.borderRadius = '3px';
  574.             dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  575.  
  576.             let afterSpan = document.createElement('span');
  577.             afterSpan.textContent = '秒发送';
  578.             afterSpan.style.color = '#ffffff';
  579.             afterSpan.style.fontSize = '12px';
  580.             afterSpan.style.backgroundColor = '#ec6c1b';
  581.             afterSpan.style.marginRight = '4px';
  582.  
  583.             let iElement = document.createElement('i');
  584.             iElement.classList.add('el-icon-setting');
  585.  
  586.             let btnSetting = document.createElement('button');
  587.             btnSetting.title = '设置';
  588.             btnSetting.classList.add('el-button');
  589.             btnSetting.classList.add('el-button--mini');
  590.             btnSetting.classList.add('is-circle');
  591.             btnSetting.addEventListener('click', openSetting);
  592.             btnSetting.appendChild(iElement);
  593.  
  594.             // let btnSetting = document.createElement('ion-icon');
  595.             // btnSetting.setAttribute('name', 'settings-sharp');
  596.             // btnSetting.classList.add('el-button');
  597.             // btnSetting.classList.add('el-button--mini');
  598.             // btnSetting.classList.add('is-circle');
  599.             // btnSetting.addEventListener('click', openSetting);
  600.  
  601.             let div = document.createElement('div');
  602.             div.style.position = 'absolute';
  603.             div.appendChild(dmButtonSend);
  604.             div.appendChild(beforeSpan);
  605.             div.appendChild(dmInput);
  606.             div.appendChild(afterSpan);
  607.             div.appendChild(btnSetting);
  608.             divButton.appendChild(div);
  609.             /* ----------------------------------------- function ----------------------------------------- */
  610.         },
  611.         removeElements = () => {
  612.             let switchLoginGuideVm = document.getElementById('switch-login-guide-vm');
  613.             if (switchLoginGuideVm)
  614.                 switchLoginGuideVm.style.setProperty('display', 'none', 'important');
  615.  
  616.             let myDearHarunaVm = document.getElementById('my-dear-haruna-vm');
  617.             if (myDearHarunaVm)
  618.                 myDearHarunaVm.style.setProperty('display', 'none', 'important');
  619.  
  620.             let shopPopoverVm = document.getElementById('shop-popover-vm');
  621.             if (shopPopoverVm)
  622.                 shopPopoverVm.style.setProperty('display', 'none', 'important');
  623.  
  624.             if (removeElementsTimer) {
  625.                 workerTimer.clearInterval(removeElementsTimer);
  626.                 removeElementsTimer = null;
  627.             }
  628.             removeElementsTimer = workerTimer.setInterval(() => {
  629.                 ++removeElementsTimerCount;
  630.                 let ltRow = document.getElementsByClassName('lt-row')[0];
  631.                 if (ltRow) {
  632.                     ltRow.style.setProperty('display', 'none', 'important');
  633.                     if (removeElementsTimer) {
  634.                         workerTimer.clearInterval(removeElementsTimer);
  635.                         removeElementsTimer = null;
  636.                     }
  637.                 }
  638.                 if (30 <= removeElementsTimerCount && removeElementsTimer) {
  639.                     workerTimer.clearInterval(removeElementsTimer);
  640.                     removeElementsTimer = null;
  641.                 }
  642.             }, 10000);
  643.         },
  644.         loadData = () => {
  645.             let obj = getGmValue(roomId, null);
  646.             if (obj) {
  647.                 if (source.version === obj.version) {
  648.                     source = obj;
  649.                 }
  650.                 else if (obj.version === 2) {
  651.                     source.data1 = obj.data1;
  652.                     source.data2 = obj.data2;
  653.                     source.data3 = obj.data3;
  654.                     source.data4 = obj.data4;
  655.                     source.data5 = obj.data5;
  656.                     setGmValue(roomId, source);
  657.                 } else {
  658.                     source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  659.                     source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  660.                     source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  661.                     source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  662.                     source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  663.                     setGmValue(roomId, source);
  664.                 }
  665.             }
  666.  
  667.             setCheckboxChecked();
  668.             dataText1.value = source.data1.values.join('|');
  669.             dataText2.value = source.data2.values.join('|');
  670.             dataText3.value = source.data3.values.join('|');
  671.             dataText4.value = source.data4.values.join('|');
  672.             dataText5.value = source.data5.values.join('|');
  673.             initData();
  674.         },
  675.         initSettingPanel = () => {
  676.             let settingPanel = document.getElementById('danmu-setting-panel');
  677.             if (!settingPanel) {
  678.                 console.log('===> 进行弹幕设置面板初始化');
  679.                 let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  680.                 if (divButton) {
  681.                     buildPanel(divButton);
  682.                     loadData();
  683.                     console.log('===> 弹幕设置面板初始化完成');
  684.                 } else {
  685.                     console.warn('===> bottom-actions节点丢失');
  686.                     return false;
  687.                 }
  688.             }
  689.  
  690.             return true;
  691.         },
  692.         heartBeat = async () => {
  693.             console.log('===> 开始直播间心跳');
  694.             const arg = `${hbInterval}|${roomId}|1|0`;
  695.             const argBase64 = CryptoJS ? CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(arg)) : window.btoa(unescape(encodeURIComponent(arg)));
  696.             try {
  697.                 const result = await fetch(`//live-trace.bilibili.com/xlive/rdata-interface/v1/heartbeat/webHeartBeat?hb=${encodeURIComponent(argBase64)}&pf=web`, {
  698.                     mode: 'cors',
  699.                     credentials: 'include',
  700.                 }).then(res => res.json());
  701.                 if (0 === result.code) {
  702.                     hbInterval = result.data.next_interval;
  703.                     console.log('===> 直播间心跳成功');
  704.                 } else {
  705.                     console.error(`===> ${roomId}直播间心跳失败`);
  706.                 }
  707.             } catch (error) {
  708.                 console.error(`===> ${roomId}直播间心跳网络请求失败`, error);
  709.             }
  710.  
  711.             let hbTimer = workerTimer.setTimeout(() => {
  712.                 workerTimer.clearTimeout(hbTimer);
  713.                 heartBeat();
  714.             }, hbInterval * 1000);
  715.         },
  716.         runStart = () => {
  717.             if (isOldVersion()) {
  718.                 // alert('发随机弹幕脚本有新版本，请及时更新');
  719.                 window.location.href = parentUrl;
  720.                 // gmNotice({
  721.                 //     text: '当前脚本不是最新版，请更新再使用功能',
  722.                 //     title: '油猴脚本有更新，点击进行安装',
  723.                 //     image: icoUrl,
  724.                 //     highlight: true,
  725.                 //     timeout: 120000,
  726.                 //     onclick: () => window.open(parentUrl, '_blank')
  727.                 // });
  728.                 return;
  729.             }
  730.  
  731.             waiters[waiters.length] = workerTimer.setInterval(() => {
  732.                 if (initSettingPanel()) {
  733.                     clearWaiters();
  734.                     removeElements();
  735.                     signIn();
  736.                     heartBeat();
  737.                     console.log('===> 运行成功');
  738.                 } else {
  739.                     --waitCount;
  740.                     if (0 >= waitCount) {
  741.                         clearWaiters();
  742.                         console.log('===> 创建弹幕设置面板失败，停止初始化');
  743.                     }
  744.                 }
  745.             }, 1500);
  746.         };
  747.  
  748.     initCss();
  749.     // initScript();
  750.     window.runStart = runStart;
  751.     window.arrayInfo = arrayInfo;
  752.     window.setGmNotice = setGmNotice;
  753.     window.setGmGetValue = setGmGetValue;
  754.     window.setGmSetValue = setGmSetValue;
  755.     window.setGmDelValue = setGmDelValue;
  756.     window.setParentData = setParentData;
  757.     window.autoSendDanmuModuleLoaded = true;
  758. })();