☰

Vecorder

直播间内容记录 https://github.com/Xinrea/Vecorder

  1. // ==UserScript==
  2. // @name         Vecorder
  3. // @namespace    https://www.joi-club.cn/
  4. // @version      0.80
  5. // @description  直播间内容记录 https://github.com/Xinrea/Vecorder
  6. // @author       Xinrea
  7. // @license      MIT
  8. // @match        https://live.bilibili.com/*
  9. // @grant        GM_setValue
  10. // @grant        GM_getValue
  11. // @grant        GM_deleteValue
  12. // @require      https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
  13. // @require      https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js
  14. // @run-at 		 document-end
  15. // ==/UserScript==
  16.  
  17. function vlog(msg) {
  18.   console.log("[Vecorder]" + msg);
  19. }
  20.  
  21. function p(msg) {
  22.   return {
  23.     time: new Date().getTime(),
  24.     content: msg,
  25.   };
  26. }
  27.  
  28. var dbname = "vdb" + getRoomID();
  29.  
  30. var db = JSON.parse(GM_getValue(dbname, "[]"));
  31. var Option = JSON.parse(GM_getValue("vop", '{"reltime":false,"toffset":0}'));
  32.  
  33. function nindexOf(n) {
  34.   for (let i in db) {
  35.     if (!db[i].del && db[i].name == n) return i;
  36.   }
  37.   return -1;
  38. }
  39.  
  40. function tindexOf(id, t) {
  41.   for (let i in db[id].lives) {
  42.     if (!db[id].lives[i].del && db[id].lives[i].title == t) return i;
  43.   }
  44.   return -1;
  45. }
  46.  
  47. function gc() {
  48.   for (let i = db.length - 1; i >= 0; i--) {
  49.     if (db[i].del) {
  50.       db.splice(i, 1);
  51.       continue;
  52.     }
  53.     for (let j = db[i].lives.length - 1; j >= 0; j--) {
  54.       if (db[i].lives[j].del) {
  55.         db[i].lives.splice(j, 1);
  56.         continue;
  57.       }
  58.     }
  59.   }
  60.   GM_setValue(dbname, JSON.stringify(db));
  61. }
  62.  
  63. function addPoint(t, msg) {
  64.   let ltime = t * 1000;
  65.   if (ltime == 0) return;
  66.   let [name, link, title] = getRoomInfo();
  67.   let id = nindexOf(name);
  68.   if (id == -1) {
  69.     db.push({
  70.       name: name,
  71.       link: link,
  72.       del: false,
  73.       lives: [
  74.         {
  75.           title: title,
  76.           time: ltime,
  77.           del: false,
  78.           points: [p(msg)],
  79.         },
  80.       ],
  81.     });
  82.   } else {
  83.     let lid = tindexOf(id, title);
  84.     if (lid == -1) {
  85.       db[id].lives.push({
  86.         title: title,
  87.         time: ltime,
  88.         points: [p(msg)],
  89.       });
  90.     } else {
  91.       db[id].lives[lid].points.push(p(msg));
  92.     }
  93.   }
  94.   GM_setValue(dbname, JSON.stringify(db));
  95. }
  96.  
  97. function getMsg(body) {
  98.   var vars = body.split("&");
  99.   for (var i = 0; i < vars.length; i++) {
  100.     var pair = vars[i].split("=");
  101.     if (pair[0] == "msg") {
  102.       return decodeURI(pair[1]);
  103.     }
  104.   }
  105.   return false;
  106. }
  107.  
  108. function getRoomInfo() {
  109.   let resp = $.ajax({
  110.       url: "https://api.live.bilibili.com/xlive/web-room/v1/index/getH5InfoByRoom?room_id="+getRoomID(),
  111.       async: false}).responseJSON.data;
  112.   console.log(resp)
  113.   return [resp.anchor_info.base_info.uname, "https://space.bilibili.com/" + resp.room_info.uid, resp.room_info.title]
  114. }
  115.  
  116. // 根据当前地址获取直播间ID
  117. function getRoomID() {
  118.   var url_text = window.location.href + "";
  119.   var i = url_text.indexOf("roomid=");
  120.   var m = 0;
  121.   if (i != -1) m = url_text.slice(i + 7);
  122.   else m = url_text.slice(url_text.indexOf(".com/") + 5);
  123.   let rid = parseInt(m);
  124.   console.log("Try1:",m);
  125.   if (isNaN(rid)) {
  126.       m = url_text.slice(url_text.indexOf(".com/blanc/") + 11);
  127.       console.log("Try2:"+m);
  128.       rid = parseInt(m);
  129.   }
  130.   return rid; //获取当前房间号
  131. }
  132.  
  133. function tryAddPoint(msg) {
  134.   // https://api.live.bilibili.com/room/v1/Room/room_init?id={roomID}
  135.     console.log(msg, getRoomID());
  136.   $.ajax({
  137.     url:
  138.       "https://api.live.bilibili.com/room/v1/Room/room_init?id=" + getRoomID(),
  139.     async: true,
  140.     success: function (resp) {
  141.       let t = 0;
  142.       if (resp.data.live_status != 1) t = 0;
  143.       else t = resp.data.live_time;
  144.       addPoint(t, msg);
  145.     },
  146.   });
  147. }
  148.  
  149. let toggle = false;
  150.  
  151. waitForKeyElements(
  152.   "#control-panel-ctnr-box > div.chat-input-ctnr.p-relative",
  153.   (n) => {
  154.     let recordInput = $(
  155.       '<textarea id="vecorder-input" placeholder="在此记录当前直播内容，回车确认" rows="1"></textarea>'
  156.     );
  157.     recordInput.attr(
  158.       "style",
  159.       `
  160.     height: 12px;
  161.     width: 266px;
  162.     resize: none;
  163.     outline: none;
  164.     background-color: #fff;
  165.     border-radius: 4px;
  166.     padding: 8px 8px 10px;
  167.     color: #333;
  168.     overflow: hidden;
  169.     font-size: 10px;
  170.     line-height: 14px;
  171.     display: flex;
  172.     border: 1px solid #e9eaec;
  173.     margin-top: 3px;
  174.       `
  175.     );
  176.     recordInput.bind("keypress", function (event) {
  177.       if (event.keyCode == "13") {
  178.         window.event.returnValue = false;
  179.           console.log("Enter detected");
  180.         tryAddPoint($("#vecorder-input").val());
  181.         $("#vecorder-input").val("");
  182.       }
  183.     });
  184.     n.after(recordInput);
  185.   }
  186. );
  187.  
  188. waitForKeyElements(
  189.   "#chat-control-panel-vm > div > div.bottom-actions.p-relative > div",
  190.   (n) => {
  191.     // Resize original input
  192.     $(
  193.       "#control-panel-ctnr-box > div.chat-input-ctnr.p-relative > div:nth-child(2) > textarea"
  194.     ).css("height", "36px");
  195.     $(
  196.       "#control-panel-ctnr-box > div.chat-input-ctnr.p-relative > div.medal-section"
  197.     ).css("height", "36px");
  198.     $("#control-panel-ctnr-box > div.bottom-actions.p-relative").css(
  199.       "margin-top",
  200.       "4px"
  201.     );
  202.     // Setup recordButton
  203.     let recordBtn = $('<button><span class="txt">记录</span></button>');
  204.     recordBtn.attr(
  205.       "style",
  206.       "font-family: sans-serif;\
  207. text-transform: none;\
  208. position: relative;\
  209. box-sizing: border-box;\
  210. line-height: 1;\
  211. margin: 0;\
  212. margin-left: 3px;\
  213. padding: 6px 12px;\
  214. border: 0;\
  215. cursor: pointer;\
  216. outline: none;\
  217. overflow: hidden;\
  218. background-color: #23ade5;\
  219. color: #fff;\
  220. border-radius: 4px;\
  221. min-width: 40px;\
  222. height: 24px;\
  223. font-size: 12px;"
  224.     );
  225.     recordBtn.hover(
  226.       function () {
  227.         if (!toggle) recordBtn.css("background-color", "#58bae2");
  228.       },
  229.       function () {
  230.         if (!toggle) recordBtn.css("background-color", "#23ade5");
  231.       }
  232.     );
  233.     recordBtn.click(function () {
  234.       if (toggle) {
  235.         $("#vPanel").remove();
  236.         gc();
  237.         toggle = false;
  238.         $(this).css("background-color", "#58bae2");
  239.         return;
  240.       }
  241.       let panel = $(
  242.         '<div id="vPanel"><div id="vArrow"></div><p style="font-size:20px;font-weight:bold;margin:0px;" class="vName">🍊直播笔记</p></div>'
  243.       );
  244.       let contentList = dbToListview();
  245.       panel.append(contentList);
  246.       let clearBtn = $('<button><span class="txt">清空</span></button>');
  247.       clearBtn.attr(
  248.         "style",
  249.         "font-family: sans-serif;\
  250. text-transform: none;\
  251. position: relative;\
  252. box-sizing: border-box;\
  253. line-height: 1;\
  254. margin: 0;\
  255. margin-left: 3px;\
  256. padding: 6px 12px;\
  257. border: 0;\
  258. cursor: pointer;\
  259. outline: none;\
  260. overflow: hidden;\
  261. background-color: #23ade5;\
  262. color: #fff;\
  263. border-radius: 4px;\
  264. min-width: 40px;\
  265. height: 24px;\
  266. font-size: 12px;"
  267.       );
  268.       clearBtn.hover(
  269.         function () {
  270.           clearBtn.css("background-color", "#58bae2");
  271.         },
  272.         function () {
  273.           clearBtn.css("background-color", "#23ade5");
  274.         }
  275.       );
  276.       clearBtn.click(function () {
  277.         contentList.empty();
  278.         db = [];
  279.         GM_deleteValue(dbname);
  280.       });
  281.       panel.append(clearBtn);
  282.       let closeBtn = $(
  283.         '<a style="position:absolute;right:7px;top:5px;font-size:20px;" class="vName">&times;</a>'
  284.       );
  285.       closeBtn.click(function () {
  286.         panel.remove();
  287.         gc();
  288.         toggle = false;
  289.         recordBtn.css("background-color", "#23ade5");
  290.       });
  291.       panel.append(closeBtn);
  292.       let timeop = $(`<hr style="border:0;height:1px;background-color:#58bae2;margin-top:10px;margin-bottom:10px;"/><div id="timeop">\
  293. <div><input type="checkbox" id="reltime" value="false" style="vertical-align:middle;margin-right:5px;"/><label for="reltime" class="vName" style="vertical-align:middle;">按相对时间导出</label></div>\
  294. <div style="margin-top:10px;"><label for="toffset" class="vName" style="vertical-align:middle;">时间偏移(秒)：</label><input type="number" id="toffset" value="${Option.toffset}" style="vertical-align:middle;width:35px;outline-color:#23ade5;"/></div>\
  295. </div>`);
  296.       panel.append(timeop);
  297.       $("#chat-control-panel-vm > div").append(panel);
  298.       if (Option.reltime) {
  299.         $("#reltime").attr("checked", true);
  300.       }
  301.       $("#reltime").change(function () {
  302.         Option.reltime = $(this).prop("checked");
  303.         GM_setValue("vop", JSON.stringify(Option));
  304.       });
  305.       $("#toffset").change(function () {
  306.         Option.toffset = $(this).val();
  307.         GM_setValue("vop", JSON.stringify(Option));
  308.       });
  309.       $(this).css("background-color", "#0d749e");
  310.       toggle = true;
  311.     });
  312.     n.append(recordBtn);
  313.  
  314.     let styles = $("<style></style>");
  315.     styles.text(
  316.       "#vPanel {\
  317. line-height: 1.15;\
  318. font-size: 12px;\
  319. font-family: Arial,Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE8F6F96C59ED1!important;\
  320. display: block;\
  321. box-sizing: border-box;\
  322. background: #fff;\
  323. border: 1px solid #e9eaec;\
  324. border-radius: 8px;\
  325. box-shadow: 0 6px 12px 0 rgba(106,115,133,.22);\
  326. animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .4s;\
  327. padding: 16px;\
  328. position: absolute;\
  329. right: 0px;\
  330. bottom: 50px;\
  331. z-index: 999;\
  332. transform-origin: right bottom;\
  333. }\
  334. #vPanel ul {\
  335. list-style-type: none;\
  336. padding-inline-start: 0px;\
  337. color: #666;\
  338. }\
  339. #vPanel li {\
  340. margin-top: 10px;\
  341. white-space: nowrap;\
  342. }\
  343. .vName {\
  344. color: #23ade5;\
  345. cursor: pointer;\
  346. }\
  347. #vArrow {\
  348. line-height: 1.15;\
  349. font-size: 12px;\
  350. font-family: Arial,Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE8F6F96C59ED1!important;\
  351. position: absolute;\
  352. top: 100%;\
  353. width: 0;\
  354. height: 0;\
  355. border-left: 4px solid transparent;\
  356. border-right: 4px solid transparent;\
  357. border-top: 8px solid #fff;\
  358. right: 25px;\
  359. }\
  360. "
  361.     );
  362.     n.append(styles);
  363.   }
  364. );
  365.  
  366. function dbToListview() {
  367.   let urlObject = window.URL || window.webkitURL || window;
  368.   let content = $("<ul></ul>");
  369.   for (let i in db) {
  370.     let list = $("<li></li>");
  371.     if (db[i].del) {
  372.       continue;
  373.     }
  374.     let innerlist = $("<ul></ul>");
  375.     for (let j in db[i].lives) {
  376.       if (db[i].lives[j].del) continue;
  377.       let item = $(
  378.         "<li>" +
  379.           `[${moment(db[i].lives[j].time).format("YYYY/MM/DD")}]` +
  380.           db[i].lives[j].title +
  381.           "[" +
  382.           db[i].lives[j].points.length +
  383.           "]" +
  384.           "</li>"
  385.       );
  386.       let ep = $('<a class="vName" style="font-weight:bold;">[导出]</a>');
  387.       let cx = $(
  388.         '<a class="vName" style="color:red;font-weight:bold;">[删除]</a>'
  389.       );
  390.       ep.click(function () {
  391.         exportRaw(
  392.           db[i].lives[j],
  393.           db[i].name,
  394.           `[${db[i].name}][${db[i].lives[j].title}][${moment(
  395.             db[i].lives[j].time
  396.           ).format("YYYY-MM-DD")}]`
  397.         );
  398.       });
  399.       cx.click(function () {
  400.         if (db[i].lives.length == 1) {
  401.           db[i].del = true;
  402.           item.remove();
  403.           list.remove();
  404.         } else {
  405.           db[i].lives[j].del = true;
  406.           item.remove();
  407.         }
  408.         GM_setValue(dbname, JSON.stringify(db));
  409.       });
  410.       item.append(ep);
  411.       item.prepend(cx);
  412.       innerlist.append(item);
  413.     }
  414.     list.append(innerlist);
  415.     content.append(list);
  416.   }
  417.   return content;
  418. }
  419.  
  420. function exportRaw(live, v, fname) {
  421.   var urlObject = window.URL || window.webkitURL || window;
  422.   var export_blob = new Blob([rawToString(live, v)]);
  423.   var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
  424.   save_link.href = urlObject.createObjectURL(export_blob);
  425.   save_link.download = fname;
  426.   save_link.click();
  427. }
  428.  
  429. function rawToString(live, v) {
  430.   let r =
  431.     "# 由Vecorder自动生成，不妨关注下可爱的@轴伊Joi_Channel：https://space.bilibili.com/61639371/\n";
  432.   r += `# ${v} \n`;
  433.   r += `# ${live.title} - 直播开始时间：${moment(live.time).format(
  434.     "YYYY-MM-DD HH:mm:ss"
  435.   )}\n\n`;
  436.   for (let i in live.points) {
  437.     if (!Option.reltime)
  438.       r += `[${moment(live.points[i].time)
  439.         .add(Option.toffset, "seconds")
  440.         .format("HH:mm:ss")}] ${live.points[i].content}\n`;
  441.     else {
  442.       let seconds =
  443.         moment(live.points[i].time).diff(moment(live.time), "second") +
  444.         Number(Option.toffset);
  445.       let minutes = Math.floor(seconds / 60);
  446.       let hours = Math.floor(minutes / 60);
  447.       seconds = seconds % 60;
  448.       minutes = minutes % 60;
  449.       r += `[${f(hours)}:${f(minutes)}:${f(seconds)}] ${
  450.         live.points[i].content
  451.       }\n`;
  452.     }
  453.   }
  454.   return r;
  455. }
  456.  
  457. function f(num) {
  458.   if (String(num).length > 2) return num;
  459.   return (Array(2).join(0) + num).slice(-2);
  460. }
  461.  
  462. function waitForKeyElements(
  463.   selectorTxt /* Required: The jQuery selector string that
  464.                         specifies the desired element(s).
  465.                     */,
  466.   actionFunction /* Required: The code to run when elements are
  467.                         found. It is passed a jNode to the matched
  468.                         element.
  469.                     */,
  470.   bWaitOnce /* Optional: If false, will continue to scan for
  471.                         new elements even after the first match is
  472.                         found.
  473.                     */,
  474.   iframeSelector /* Optional: If set, identifies the iframe to
  475.                         search.
  476.                     */
  477. ) {
  478.   var targetNodes, btargetsFound;
  479.  
  480.   if (typeof iframeSelector == "undefined") targetNodes = $(selectorTxt);
  481.   else targetNodes = $(iframeSelector).contents().find(selectorTxt);
  482.  
  483.   if (targetNodes && targetNodes.length > 0) {
  484.     btargetsFound = true;
  485.     /*--- Found target node(s).  Go through each and act if they
  486.             are new.
  487.         */
  488.     targetNodes.each(function () {
  489.       var jThis = $(this);
  490.       var alreadyFound = jThis.data("alreadyFound") || false;
  491.  
  492.       if (!alreadyFound) {
  493.         //--- Call the payload function.
  494.         var cancelFound = actionFunction(jThis);
  495.         if (cancelFound) btargetsFound = false;
  496.         else jThis.data("alreadyFound", true);
  497.       }
  498.     });
  499.   } else {
  500.     btargetsFound = false;
  501.   }
  502.  
  503.   //--- Get the timer-control variable for this selector.
  504.   var controlObj = waitForKeyElements.controlObj || {};
  505.   var controlKey = selectorTxt.replace(/[^\w]/g, "_");
  506.   var timeControl = controlObj[controlKey];
  507.  
  508.   //--- Now set or clear the timer as appropriate.
  509.   if (btargetsFound && bWaitOnce && timeControl) {
  510.     //--- The only condition where we need to clear the timer.
  511.     clearInterval(timeControl);
  512.     delete controlObj[controlKey];
  513.   } else {
  514.     //--- Set a timer, if needed.
  515.     if (!timeControl) {
  516.       timeControl = setInterval(function () {
  517.         waitForKeyElements(
  518.           selectorTxt,
  519.           actionFunction,
  520.           bWaitOnce,
  521.           iframeSelector
  522.         );
  523.       }, 300);
  524.       controlObj[controlKey] = timeControl;
  525.     }
  526.   }
  527.   waitForKeyElements.controlObj = controlObj;
  528. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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