b-live-random-send-test

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

当前为 2022-07-28 提交的版本,查看 最新版本

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

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

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址