☰

b-live-random-send-诗词

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

目前为 2022-07-24 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/447936/1073599/b-live-random-send-%E8%AF%97%E8%AF%8D.js 

  1. // ==UserScript==
  2. // @name            b-live-random-send-诗词
  3. // @description     定时从设置的字幕中随机取出一条在B站直播间发送，需先登录B站账号
  4. // @author          Gamyou
  5. // @version         1.2.5
  6. // @note            22-07-24 1.2.5 优化设置面板样式
  7. // @note            22-07-23 1.2.4 修复弹幕分组数据都为空时，旧数据重复合并的BUG
  8. // @note            22-07-16 1.2.3 修复设置弹幕时旧（初始）数据没有清空的BUG
  9. // @note            22-06-24 1.2.2 优化部分代码
  10. // @note            22-06-20 1.2.1 修复定时停止不能再开始的BUG
  11. // @note            22-06-19 1.2.0 添加弹幕设置功能
  12. // ==/UserScript==
  13.  
  14.  
  15. (function () {
  16.     window.autoSendDanmuModuleLoaded = false;
  17.     let source = {
  18.         version: 2,
  19.         data1: { available: true, values: ['绿豆', '红豆', '黄豆', '蓝猫'] },
  20.         data2: { available: true, values: ['红', '接天莲叶无穷碧，映日荷花别样红。'] },
  21.         data3: { available: true, values: ['黄', '儿童急走追黄蝶，飞入菜花无处寻。'] },
  22.         data4: { available: true, values: ['蓝', '沧海月明珠有泪，蓝田日暖玉生烟。'] },
  23.         data5: { available: true, values: ['绿', '惟有绿荷红菡萏，卷舒开合任天真。'] }
  24.     };
  25.     let waiters = [], data = [], timer = null, signInContent = '签到';
  26.     let storeDataCallback = (obj) => { }, removeDataCallback = (obj) => { };
  27.     let count = 0, lastSent = 0, arrayIndex = 0, isRandom = true, default_timeout = 600;
  28.     let rdCheckbox, group1Checkbox, group2Checkbox, group3Checkbox, group4Checkbox, group5Checkbox;
  29.     let dmButtonSend, dmInput, divSetting, dataText1, dataText2, dataText3, dataText4, dataText5, spanApplyTip;
  30.     const waitCount = 10,
  31.         initCss = () => {
  32.             let linkElement = document.createElement('link');
  33.             linkElement.rel = 'stylesheet';
  34.             linkElement.href = 'https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css';
  35.             document.head.appendChild(linkElement);
  36.  
  37.             // 图标库 https://ionic.io/ionicons
  38.             // let scriptElement = document.createElement('script');
  39.             // scriptElement.src = 'https://unpkg.com/ionicons@5.5.2/dist/ionicons.js';
  40.             // document.head.appendChild(scriptElement);
  41.  
  42.             let customerStyle = document.createElement('style');
  43.             customerStyle.setAttribute('type', 'text/css');
  44.             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;}.random-check{display:inline-block;margin:0 5px;vertical-align:middle;}.random-check label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;}.random-check input{display:none;}.random-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;}.random-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.random-check :checked ~ label:before{left:22px;background-color:#fff;}.danmu-group-check{display:inline-block;margin:0 5px;vertical-align:middle;}.danmu-group-check label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;}.danmu-group-check input{display:none;}.danmu-group-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;}.danmu-group-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.danmu-group-check :checked ~ label:before{left:22px;background-color:#fff;}';
  45.             document.head.appendChild(customerStyle);
  46.         },
  47.         getCurrentTimestamp = () => new Date().getTime(),
  48.         send = (msg, index) => {
  49.             let dmTextArea = document.getElementById('aside-area-vm').getElementsByClassName('chat-input border-box')[0];
  50.             if (!dmTextArea) {
  51.                 alert('找不到输入弹幕文本框，请尝试刷新页面');
  52.                 return;
  53.             }
  54.  
  55.             let btnSend = document.getElementsByClassName('bl-button live-skin-highlight-button-bg live-skin-button-text bl-button--primary bl-button--small')[0];
  56.             if (!btnSend) {
  57.                 alert('找不到发送按钮，请尝试刷新页面');
  58.                 return;
  59.             }
  60.             // if (getCurrentTimestamp() - lastSent < 5000) {
  61.             //     setTimeout(() => send(msg, index), 5000);
  62.             //     console.log('++++++++++++++++++++++> 发送间隔少于5秒，进入递归处理 <++++++++++++++++++++++');
  63.             // } else {
  64.             dmTextArea.value = msg;
  65.             // 定义事件, 定义才可发送
  66.             dmTextArea.dispatchEvent(new Event('input', { "bubbles": true, "cancelable": true }));
  67.             btnSend.click();
  68.             lastSent = getCurrentTimestamp();
  69.             ++count;
  70.             console.log('=================> ' + new Date().toLocaleString() + ' 弹幕发送成功 ' + count + ' 次，第【' + index + '】条数据 === ' + msg);
  71.             // }
  72.         },
  73.         isNull = (str) => {
  74.             if (!str || str == "")
  75.                 return true;
  76.  
  77.             let regu = "^[ ]+$";
  78.             let re = new RegExp(regu);
  79.             return re.test(str);
  80.         },
  81.         randomSort = (arr) => {
  82.             for (let i = 0; i < arr.length; i++) {
  83.                 const rdIndex = Math.floor(Math.random() * arr.length);
  84.                 const temp = arr[i];
  85.                 arr[i] = arr[rdIndex];
  86.                 arr[rdIndex] = temp;
  87.             }
  88.  
  89.             return arr;
  90.         },
  91.         clearWaiters = () => {
  92.             for (let i = 0; i < waiters.length; i++) {
  93.                 clearInterval(waiters[i]);
  94.                 waiters[i] = null;
  95.             }
  96.  
  97.             waiters = [];
  98.         },
  99.         signIn = () => {
  100.             let timestamp = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).toDateString()).getTime() - getCurrentTimestamp();
  101.             console.log('=================> 设置第二天凌晨签到定时器【' + timestamp + '】');
  102.             setTimeout(() => {
  103.                 send(signInContent, 0);
  104.                 console.log('++++++++++++++++++++++> 完成签到发送，进入下一轮递归签到发送 <++++++++++++++++++++++');
  105.                 signIn();
  106.             }, timestamp);
  107.         },
  108.         // selectRandom = () => isRandom = rdCheckbox.checked,
  109.         openSetting = () => divSetting.style.display = 'block',
  110.         closeSetting = () => {
  111.             rdCheckbox.checked = isRandom;
  112.             divSetting.style.display = 'none';
  113.         },
  114.         initData = () => {
  115.             if (source.data1.values.length <= 0
  116.                 && source.data2.values.length <= 0
  117.                 && source.data3.values.length <= 0
  118.                 && source.data4.values.length <= 0
  119.                 && source.data5.values.length <= 0) {
  120.                 return data ? data : [];
  121.             }
  122.  
  123.             let result = [];
  124.             result = source.data1.available ? result.concat(source.data1.values) : result;
  125.             result = source.data2.available ? result.concat(source.data2.values) : result;
  126.             result = source.data3.available ? result.concat(source.data3.values) : result;
  127.             result = source.data4.available ? result.concat(source.data4.values) : result;
  128.             result = source.data5.available ? result.concat(source.data5.values) : result;
  129.             data = result;
  130.             !rdCheckbox || rdCheckbox.checked ? data = randomSort(result) : arrayIndex = 0;
  131.         },
  132.         applySetting = () => {
  133.             source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
  134.             source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
  135.             source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
  136.             source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
  137.             source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
  138.             initData();
  139.             storeDataCallback(source);
  140.             isRandom = rdCheckbox.checked;
  141.             spanApplyTip.style.display = 'block';
  142.             setTimeout(() => {
  143.                 spanApplyTip.style.display = 'none';
  144.             }, 1500);
  145.         },
  146.         danmu = () => {
  147.             if (data.length < 1) {
  148.                 alert('请任意在一个分组里输入一条弹幕');
  149.                 return;
  150.             }
  151.             if (isRandom)
  152.                 arrayIndex = Math.floor((Math.random() * data.length));
  153.  
  154.             send(data[arrayIndex], arrayIndex);
  155.             ++arrayIndex;
  156.             if (arrayIndex >= data.length)
  157.                 arrayIndex = 0;
  158.         },
  159.         offOrOn = () => {
  160.             let timeout = 0;
  161.             if (timer) {
  162.                 console.log('=================> ' + new Date().toLocaleString() + ' 停止发送弹幕');
  163.                 clearInterval(timer);
  164.                 timer = null;
  165.                 console.log('=================> ' + new Date().toLocaleString() + ' 停止成功！！');
  166.                 dmButtonSend.style.background = 'rgba(217,157,27,1)';
  167.                 dmButtonSend.textContent = '开始';
  168.                 dmInput.removeAttribute("disabled");
  169.             } else {
  170.                 timeout = isNull(dmInput.value) ? default_timeout * 1000 : dmInput.value * 1000;
  171.                 danmu();
  172.                 console.log('=================> ' + new Date().toLocaleString() + ' 开启定时器');
  173.                 timer = setInterval(danmu, timeout);
  174.                 console.log('=================> ' + new Date().toLocaleString() + ' 开启成功！！');
  175.                 dmButtonSend.style.background = '#ff0000';
  176.                 dmButtonSend.textContent = '停止';
  177.                 dmInput.setAttribute('disabled', 'disabled');
  178.             }
  179.         },
  180.         pageFullyLoaded = () => {
  181.             let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  182.             if (!divButton) {
  183.                 console.error('没能找到发送按钮上层的div');
  184.                 --waitCount;
  185.                 if (0 >= waitCount) {
  186.                     clearWaiters();
  187.                 }
  188.                 return;
  189.             }
  190.             clearWaiters();
  191.  
  192.             /* ----------------------------------------- head ----------------------------------------- */
  193.             let divSettingTitle = document.createElement('div');
  194.             divSettingTitle.textContent = '弹幕设置';
  195.             divSettingTitle.style.textAlign = 'center';
  196.             divSettingTitle.style.fontSize = '16px';
  197.             divSettingTitle.style.fontWeight = '700';
  198.             divSettingTitle.style.color = '#1c5adc';
  199.             divSettingTitle.style.lineHeight = '30px';
  200.  
  201.             let divTip = document.createElement('div');
  202.             divTip.style.color = '#0b81cc';
  203.             divTip.style.textAlign = 'center';
  204.             divTip.style.fontStyle = 'italic';
  205.             divTip.style.height = '25px';
  206.             divTip.innerHTML = '任一分组内输入弹幕即可，多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  207.             /* ----------------------------------------- head ----------------------------------------- */
  208.  
  209.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  210.             let divText1 = document.createElement('div');
  211.             divText1.textContent = '分组 1 ：'
  212.             divText1.classList.add('danmu-group-title');
  213.  
  214.             group1Checkbox = document.createElement('input');
  215.             group1Checkbox.type = 'checkbox';
  216.             group1Checkbox.id = 'group1Checkbox';
  217.             group1Checkbox.checked = true;
  218.  
  219.             let lblGroup1Checkbox = document.createElement('label');
  220.             lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  221.  
  222.             let divGroup1Checkbox = document.createElement('div');
  223.             divGroup1Checkbox.classList.add('danmu-group-check');
  224.             divGroup1Checkbox.appendChild(group1Checkbox);
  225.             divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  226.  
  227.             dataText1 = document.createElement('textarea');
  228.             dataText1.classList.add('danmu-group-textarea');
  229.             dataText1.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  230.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  231.  
  232.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  233.             let divText2 = document.createElement('div');
  234.             divText2.textContent = '分组 2 ：'
  235.             divText2.classList.add('danmu-group-title');
  236.  
  237.             group2Checkbox = document.createElement('input');
  238.             group2Checkbox.type = 'checkbox';
  239.             group2Checkbox.id = 'group2Checkbox';
  240.             group2Checkbox.checked = true;
  241.  
  242.             let lblGroup2Checkbox = document.createElement('label');
  243.             lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  244.  
  245.             let divGroup2Checkbox = document.createElement('div');
  246.             divGroup2Checkbox.classList.add('danmu-group-check');
  247.             divGroup2Checkbox.appendChild(group2Checkbox);
  248.             divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  249.  
  250.             dataText2 = document.createElement('textarea');
  251.             dataText2.classList.add('danmu-group-textarea');
  252.             dataText2.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  253.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  254.  
  255.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  256.             let divText3 = document.createElement('div');
  257.             divText3.textContent = '分组 3 ：'
  258.             divText3.classList.add('danmu-group-title');
  259.  
  260.             group3Checkbox = document.createElement('input');
  261.             group3Checkbox.type = 'checkbox';
  262.             group3Checkbox.id = 'group3Checkbox';
  263.             group3Checkbox.checked = true;
  264.  
  265.             let lblGroup3Checkbox = document.createElement('label');
  266.             lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  267.  
  268.             let divGroup3Checkbox = document.createElement('div');
  269.             divGroup3Checkbox.classList.add('danmu-group-check');
  270.             divGroup3Checkbox.appendChild(group3Checkbox);
  271.             divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  272.  
  273.             dataText3 = document.createElement('textarea');
  274.             dataText3.classList.add('danmu-group-textarea');
  275.             dataText3.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  276.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  277.  
  278.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  279.             let divText4 = document.createElement('div');
  280.             divText4.textContent = '分组 4 ：'
  281.             divText4.classList.add('danmu-group-title');
  282.  
  283.             group4Checkbox = document.createElement('input');
  284.             group4Checkbox.type = 'checkbox';
  285.             group4Checkbox.id = 'group4Checkbox';
  286.             group4Checkbox.checked = true;
  287.  
  288.             let lblGroup4Checkbox = document.createElement('label');
  289.             lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  290.  
  291.             let divGroup4Checkbox = document.createElement('div');
  292.             divGroup4Checkbox.classList.add('danmu-group-check');
  293.             divGroup4Checkbox.appendChild(group4Checkbox);
  294.             divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  295.  
  296.             dataText4 = document.createElement('textarea');
  297.             dataText4.classList.add('danmu-group-textarea');
  298.             dataText4.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  299.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  300.  
  301.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  302.             let divText5 = document.createElement('div');
  303.             divText5.textContent = '分组 5 ：'
  304.             divText5.classList.add('danmu-group-title');
  305.  
  306.             group5Checkbox = document.createElement('input');
  307.             group5Checkbox.type = 'checkbox';
  308.             group5Checkbox.id = 'group5Checkbox';
  309.             group5Checkbox.checked = true;
  310.  
  311.             let lblGroup5Checkbox = document.createElement('label');
  312.             lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  313.  
  314.             let divGroup5Checkbox = document.createElement('div');
  315.             divGroup5Checkbox.classList.add('danmu-group-check');
  316.             divGroup5Checkbox.appendChild(group5Checkbox);
  317.             divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  318.  
  319.             dataText5 = document.createElement('textarea');
  320.             dataText5.classList.add('danmu-group-textarea');
  321.             dataText5.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  322.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  323.  
  324.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  325.             let descCheckbox = document.createElement('span');
  326.             descCheckbox.textContent = '随机';
  327.             descCheckbox.title = '将合并所有分组数据，从中随机选出一条发送';
  328.             descCheckbox.style.fontSize = '16px';
  329.             descCheckbox.style.verticalAlign = 'middle';
  330.             descCheckbox.style.marginRight = '4px';
  331.             descCheckbox.style.color = '#095ca2';
  332.             descCheckbox.style.cursor = 'help';
  333.  
  334.             rdCheckbox = document.createElement('input');
  335.             rdCheckbox.type = 'checkbox';
  336.             rdCheckbox.id = 'rdmCheckbox';
  337.             rdCheckbox.checked = isRandom;
  338.             // rdCheckbox.addEventListener('click', selectRandom);
  339.  
  340.             let lblCheckbox = document.createElement('label');
  341.             lblCheckbox.setAttribute('for', 'rdmCheckbox');
  342.  
  343.             let divCheckbox = document.createElement('div');
  344.             divCheckbox.classList.add('random-check');
  345.             divCheckbox.style.marginLeft = '10px';
  346.             divCheckbox.appendChild(descCheckbox);
  347.             divCheckbox.appendChild(rdCheckbox);
  348.             divCheckbox.appendChild(lblCheckbox);
  349.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  350.  
  351.             /* ----------------------------------------- div tip ----------------------------------------- */
  352.             spanApplyTip = document.createElement('span');
  353.             spanApplyTip.textContent = '设置成功'
  354.             spanApplyTip.style.fontSize = '16px';
  355.             spanApplyTip.style.color = '#128712';
  356.             spanApplyTip.style.display = 'none';
  357.  
  358.             let divApplyTip = document.createElement('div');
  359.             divApplyTip.style.textAlign = 'center';
  360.             divApplyTip.style.display = 'inline-block';
  361.             divApplyTip.style.verticalAlign = 'middle';
  362.             divApplyTip.style.width = '34%';
  363.             divApplyTip.appendChild(spanApplyTip);
  364.             /* ----------------------------------------- div tip ----------------------------------------- */
  365.  
  366.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  367.             let btnApplySetting = document.createElement('i');
  368.             btnApplySetting.setAttribute('title', '应用');
  369.             btnApplySetting.classList.add('el-button');
  370.             btnApplySetting.classList.add('el-icon-check');
  371.             btnApplySetting.classList.add('is-circle');
  372.             btnApplySetting.addEventListener('click', applySetting);
  373.  
  374.             let btnCloseSetting = document.createElement('i');
  375.             btnCloseSetting.setAttribute('title', '关闭');
  376.             btnCloseSetting.classList.add('el-button');
  377.             btnCloseSetting.classList.add('el-icon-close');
  378.             btnCloseSetting.classList.add('is-circle');
  379.             btnCloseSetting.addEventListener('click', closeSetting);
  380.  
  381.             let divSettingButton = document.createElement('div');
  382.             divSettingButton.style.display = 'inline-block';
  383.             divSettingButton.style.verticalAlign = 'middle';
  384.             divSettingButton.appendChild(btnApplySetting);
  385.             divSettingButton.appendChild(btnCloseSetting);
  386.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  387.  
  388.             /* ----------------------------------------- container ----------------------------------------- */
  389.             let divBottomContainer = document.createElement('div');
  390.             divBottomContainer.style.width = '100%';
  391.             divBottomContainer.style.lineHeight = '35px';
  392.             divBottomContainer.appendChild(divCheckbox);
  393.             divBottomContainer.appendChild(divApplyTip);
  394.             divBottomContainer.appendChild(divSettingButton);
  395.  
  396.             let divContainer = document.createElement('div');
  397.             divContainer.style.height = 'calc(98% - 30px - 25px)';
  398.             divContainer.appendChild(divText1);
  399.             divContainer.appendChild(divGroup1Checkbox);
  400.             divContainer.appendChild(dataText1);
  401.             divContainer.appendChild(divText2);
  402.             divContainer.appendChild(dataText2);
  403.             divContainer.appendChild(divText3);
  404.             divContainer.appendChild(dataText3);
  405.             divContainer.appendChild(divText4);
  406.             divContainer.appendChild(dataText4);
  407.             divContainer.appendChild(divText5);
  408.             divContainer.appendChild(dataText5);
  409.             divContainer.appendChild(divBottomContainer);
  410.             /* ----------------------------------------- container ----------------------------------------- */
  411.  
  412.             divSetting = document.createElement('div');
  413.             divSetting.style.backgroundColor = '#d4f2e0';
  414.             divSetting.style.borderRadius = '2px';
  415.             divSetting.style.width = '100%';
  416.             divSetting.style.height = '100%';
  417.             divSetting.style.overflowY = 'auto';
  418.             divSetting.style.position = 'absolute';
  419.             divSetting.style.left = '0';
  420.             divSetting.style.top = '0';
  421.             divSetting.style.zIndex = '999';
  422.             divSetting.style.display = 'none';
  423.             divSetting.appendChild(divSettingTitle);
  424.             divSetting.appendChild(divTip);
  425.             divSetting.appendChild(divContainer);
  426.  
  427.             let asideAreaVm = document.getElementById('aside-area-vm');
  428.             asideAreaVm.appendChild(divSetting);
  429.  
  430.             /* ----------------------------------------- function ----------------------------------------- */
  431.             dmButtonSend = document.createElement('button');
  432.             dmButtonSend.textContent = '开始';
  433.             dmButtonSend.style.minWidth = '65px';
  434.             dmButtonSend.style.height = '24px';
  435.             dmButtonSend.style.fontSize = '12px';
  436.             dmButtonSend.style.borderRadius = '4px';
  437.             dmButtonSend.style.color = '#ffffff';
  438.             dmButtonSend.style.background = 'rgba(217,157,27,1)';
  439.             dmButtonSend.style.border = '0';
  440.             dmButtonSend.style.cursor = 'pointer';
  441.             //dmButtonSend.onclick = function() { alert('Hello world');}
  442.             dmButtonSend.addEventListener('click', offOrOn);
  443.  
  444.             let beforeSpan = document.createElement('span');
  445.             beforeSpan.textContent = '每';
  446.             beforeSpan.style.color = '#ffffff';
  447.             beforeSpan.style.fontSize = '12px';
  448.             beforeSpan.style.marginLeft = '4px';
  449.             beforeSpan.style.backgroundColor = '#ec6c1b';
  450.  
  451.             dmInput = document.createElement('input');
  452.             dmInput.value = default_timeout;
  453.             dmInput.style.width = '25px';
  454.             dmInput.style.height = '15px';
  455.             dmInput.style.margin = '0 3px';
  456.             dmInput.style.border = '0';
  457.             dmInput.style.borderRadius = '3px';
  458.             dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  459.  
  460.             let afterSpan = document.createElement('span');
  461.             afterSpan.textContent = '秒发送';
  462.             afterSpan.style.color = '#ffffff';
  463.             afterSpan.style.fontSize = '12px';
  464.             afterSpan.style.backgroundColor = '#ec6c1b';
  465.             afterSpan.style.marginRight = '4px';
  466.  
  467.             let iElement = document.createElement('i');
  468.             iElement.classList.add('el-icon-setting');
  469.  
  470.             let btnSetting = document.createElement('button');
  471.             btnSetting.title = '设置';
  472.             btnSetting.classList.add('el-button');
  473.             btnSetting.classList.add('el-button--mini');
  474.             btnSetting.classList.add('is-circle');
  475.             btnSetting.addEventListener('click', openSetting);
  476.             btnSetting.appendChild(iElement);
  477.  
  478.             // let btnSetting = document.createElement('ion-icon');
  479.             // btnSetting.setAttribute('name', 'settings-sharp');
  480.             // btnSetting.classList.add('el-button');
  481.             // btnSetting.classList.add('el-button--mini');
  482.             // btnSetting.classList.add('is-circle');
  483.             // btnSetting.addEventListener('click', openSetting);
  484.  
  485.             let div = document.createElement('div');
  486.             div.style.position = 'absolute';
  487.             div.appendChild(dmButtonSend);
  488.             div.appendChild(beforeSpan);
  489.             div.appendChild(dmInput);
  490.             div.appendChild(afterSpan);
  491.             div.appendChild(btnSetting);
  492.             divButton.appendChild(div);
  493.             /* ----------------------------------------- function ----------------------------------------- */
  494.  
  495.             window.autoSendDanmuModuleLoaded = true;
  496.         },
  497.         arrayInfo = () => console.info(data),
  498.         setDanmuData = (obj) => {
  499.             if (obj) {
  500.                 if (source.version === obj.version)
  501.                     source = obj;
  502.                 else {
  503.                     source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  504.                     source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  505.                     source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  506.                     source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  507.                     source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  508.                     storeDataCallback(source);
  509.                 }
  510.             }
  511.  
  512.             dataText1.value = source.data1.values.join('|');
  513.             dataText2.value = source.data2.values.join('|');
  514.             dataText3.value = source.data3.values.join('|');
  515.             dataText4.value = source.data4.values.join('|');
  516.             dataText5.value = source.data5.values.join('|');
  517.             initData();
  518.         },
  519.         storeDanmuData = (cb) => storeDataCallback = cb,
  520.         removeDanmuData = (cb) => removeDataCallback = cb;
  521.  
  522.     initCss();
  523.     window.addEventListener("load", () => {
  524.         waiters[waiters.length] = setInterval(pageFullyLoaded, 1500);
  525.         window.arrayInfo = arrayInfo;
  526.         window.setDanmuData = setDanmuData;
  527.         window.storeDanmuData = storeDanmuData;
  528.         window.removeDanmuData = removeDanmuData;
  529.         signIn();
  530.     });
  531. })();