one_spotter_bml

「わんスポッター」ブックマークレット【試作段階版】

わんコメ非対応の配信サイトのライブチャット欄や、アーカイブ再生中のチャット欄のコメントを簡易的に取得可能になります。
※わんコメ5.0の機能を使ったものですので、4.3.xでは作動しません。
難点としては、あくまで簡易的な取得しかできない点、また、チャット欄の更新を監視するために配信サイトのページを開きっぱなしにしておく必要があり、その分余計にパソコンのリソースを取られる点などがあげられます。

ブックマークレットのコード

javascript:title="/one_spotter?v=20230427~0721skz";
(function(){
let str_cmnt="コメント",str_blck="ブロック",str_rcp="レシピ",str_ds="です",str_wan="わん",str_san="▼";str_san="\n"+str_san+str_san+str_san+"\n";
let _OS_="one_spotter",_OSRD_=_OS_+"_recipe_data",aEL="addEventListener",qS="querySelector",qSA="querySelectorAll",_CB_="comment_block",_CBP_="comment_block_parent";
if(window.localStorage);else{
  document.body.insertAdjacentHTML("beforeend",`<iframe id="ifr" style="display:none"></iframe>`);
  setTimeout(()=>{window.localStorage=ifr.contentWindow.localStorage},100);
  alert("再度実行してください。");
}
if(typeof one_spotter!=="undefined") one_spotter.remove();
one_spotter_recipe_data=$osd={
  comment_block_parent:"body",comment_block:"",comment_text:"",comment_name:"",comment_icon:"",comment_badges:"",
  gift_selector:"",gift_keyword:"",gift_price:"",
  ...(JSON.parse(localStorage.getItem(_OSRD_))||{})
};
var os_debug=true,dclog=function(){if(os_debug) console.log.apply(this,arguments)};
dclog({$osd});
dclog(localStorage.getItem(_OS_+"_recipe_url"));
let data_to_ta=()=>{ os_ta.value=JSON.stringify($osd).replace(/",/g,`",\n`).replace(/({|})/g,"");dclog("data_to_ta");};
let ta_state;
let data_to_inputs=()=>{for(i=3;i<inputs.length;i++) inputs[i].value=$osd[inputs[i].name]||"";dclog("data_to_inputs");};
let one_spotter_save=()=>{
  localStorage.setItem(_OS_+"_waku_id",one_spotter_waku_id.value);
  localStorage.setItem(_OS_+"_recipe_url",one_spotter_recipe_url.value);
  localStorage.setItem(_OSRD_,JSON.stringify($osd));dclog("save",one_spotter_waku_id,one_spotter_recipe_url,$osd);};
window[aEL]("beforeunload",one_spotter_save);
let osrurl;
let panel_html=`
<div id="${_OS_}" style="position:fixed;top:0;right:0px;z-index:99999999;background:#FEDA;padding:5px">
<style>
#${_OS_}>span,#${_OS_} label,#${_OS_} summary{background:white; font-size:16px; color:black; line-height:1.5em;}
#${_OS_} label{display:inline;} #${_OS_} input[type="text"]{border:1px solid grey;background:white;}
#${_OS_} button{background:whitesmoke;  border:1px grey solid;  cursor:pointer; border-radius:2px;  padding:0 2px;}
#${_OS_} button:hover{background:lightgrey;}  #${_OS_} button:active{background:white;}
#${_OS_} summary{display:list-item;} #${_OS_} details, #${_OS_} hr {border-bottom:solid 1px gray}
.os_min{height:22px;overflow:hidden;}</style><span>
<div style="background:#F90A;" title="${title}">「&#128054;${str_wan}スポッター&#9755;」ブックマークレット
<button id="b_tgl">￣</button><button id="b_ddg">&#8596;</button><button id="b_cls">Ｘ</button>
<label style="display:inline;"><input id="i_dbg" type="checkbox">DEBUG</label>
</div>
${str_wan}コメアプリ内の枠ID（枠の右クリックから「IDをコピー」可能）<br />
<input type="text" id="${_OS_}_waku_id" style="width:90%" value="${localStorage.getItem(_OS_+"_waku_id")||""}" placeholder="IDの例：9febc8dc-0b23-4e4f-9a4a-6629c63bb918"  /><br />
<details><summary>${str_rcp}サイトURL<button id="b_opn">open&#127760;</button></summary>
<input type="text" id="${_OS_}_recipe_url" style="width:90%" placeholder="${durl="https://seesaawiki.jp/onecomme_db_test/d/one_spotter_recipes"}" value="${(localStorage.getItem(_OS_+"_recipe_url")||durl)}" /><br /></details>
<details id="rcd"><summary>${str_rcp}コード<button id="b_prc">&#128994;実行</button><button id="b_stp">&#9940;停止</button><button id="b_tst">&#128304;テスト</button>
<label style="display:none;"><input type="checkbox">自動的に実行する</label></summary>
<textarea id="os_ta" style="word-wrap: normal; height:12em; width:33vw;">loading...</textarea>
</details><hr />`;
let titles=[`1.監視する${str_blck}（${str_cmnt+str_blck}の親${str_blck}）<br />`,`　2.${str_cmnt+str_blck}`,`　　3.${str_cmnt}文`,`　　4.${str_cmnt}者名`,`　　5.${str_cmnt}者アイコン`,`　　6.${str_cmnt}者バッジ`];
let selectors=[_CBP_,_CB_,"comment_text","comment_name","comment_icon","comment_badges"];
panel_html+=`<details><summary>取得箇所パターン設定（${str_rcp}コードと連動）</summary>`;
for(i=0;i<selectors.length;i++) panel_html+=`
  ${titles[i]}<input type="text" name="${selectors[i]}" value=""/><br />`;
panel_html+=`</details><details><summary>ギフト扱い条件</summary>
  　　　7.セレクタ<input type="text" name="gift_selector" value="" /><br />
  　　　8.キーワード<input type="text" name="gift_keyword" value="" /><br />
  　　　9.金額部分判定用<input type="text" name="gift_price" value="" /><br />
  `;
panel_html+=`</details><details><summary>${str_cmnt}文置換設定</summary>
  <textarea id="os_ta_cietc" style="word-wrap: normal;width:90%;">未実装${str_ds}★</textarea>`;
panel_html+=`</details><details><summary>プレビュー</summary>
  <div id="send_preview" style="width:33vw;">send data preview</div>
</details></span>
</div>`;
let btns,inputs;
document.body.insertAdjacentHTML("beforeend",panel_html);
setTimeout(()=>{
  btns=one_spotter[qSA]("button");
  b_tgl[aEL]("click",()=>{b_tgl.innerText=((tmp=(b_tgl.innerText=="￣"))?"ロ":"￣");one_spotter.classList[tmp?"add":"remove"]("os_min")});
  b_ddg[aEL]("click",()=>{(s=one_spotter.style).right=s.right?null:"0px";});
  b_cls[aEL]("click",()=>{one_spotter.remove();localStorage.removeItem(_OSRD_);localStorage.removeItem(_OS_+"_recipe_url");localStorage.removeItem(_OS_+"_waku_id");});
  b_opn[aEL]("click",()=>{open(one_spotter_recipe_url.value||one_spotter_recipe_url.placeholder);});
  if(false)b_clr[aEL]("click",()=>{one_spotter.remove();localStorage.removeItem(_OSRD_);localStorage.removeItem(_OS_+"_recipe_url");localStorage.removeItem(_OS_+"_waku_id");});
  b_prc[aEL]("click",()=>{obstart();one_spotter_save();});
  b_stp[aEL]("click",()=>{one_spotter_observer.disconnect();});
  b_tst[aEL]("click",()=>{let d=[null]; if(get_obselect()==false) return;
    try{d=obselect[qSA]($osd[_CB_]);}
    catch{dclog(_CB_+`: "${$osd[_CB_]}" failed`);};
    dclog(d=d[parseInt(Math.random()*1000)%d.length]);send_by_comment_block(d);});
  inputs=one_spotter[qSA]("input");
  if(true)i_dbg[aEL]("click",(e)=>{os_debug=e.target.checked;});
  for(i=4;i<inputs.length;i++){
  inputs[i][aEL]("input",(e)=>{$osd[e.target.name]=e.target.value;dclog("input_to_data",$osd);data_to_ta();});}
  os_ta[aEL]("keyup",()=>{
    try{str=JSON.parse("{"+os_ta.value+"}")}catch(e){dclog(e.message); send_preview.innerText=str_san+e.message; return ta_state=false;};
    ta_state=true; $osd=str;
    data_to_inputs();}
  );

data_to_ta();
  data_to_inputs();
  for(i=5;i<inputs.length;i++){ let v=inputs[i].value; if(v!="")break; if(i==inputs.length-1) rcd.open=true;}  
  os_debug=false;
},100);
var one_spotter_observer = new MutationObserver(mutationRecords => {
      dclog(mutationRecords);
      mutationRecords.forEach((mohit)=>{
        let new_elms=mohit.addedNodes; new_elms.forEach((elm)=>{
          try{dclog("before elm",elm);elm = elm[qS]($osd[selectors[1]])||elm;dclog("after elm",elm)}
          catch{elm = null;dclog("elm catched",elm)}
          send_by_comment_block(elm);
        });
      });
});
document[aEL]("keydown", (e)=>{ if(e.key=="F4") one_spotter_observer.disconnect(); });
let obselect;
function get_obselect(){try{
  if(obselect=document[qS]($osd[_CBP_])) dclog(`${_CBP_}: "${$osd[_CBP_]}" no iframe`);
  else document[qSA]("iframe").forEach((elm)=>{obselect||=elm.contentDocument[qS]($osd[_CBP_]);});
  dclog(obselect);
  return true;
}catch{dclog("get_obselect() false");return false;}}
var obstart =()=>{
  get_obselect();
  one_spotter_observer.observe(obselect, {
  childList: true,
  subtree: false,
});};

}());

↑枠内をすべて選択してブックマークバーにドラッグ＆ドロップするだけでセットできます。
（※ブックマークバーが無い場合はCtrl+Shift+Bで表示切替できます）

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（0）

カテゴリ：
一般
総合

one_spotter_bml - わんコメ定例DB（仮）の構想サンプル先頭へ

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

わんコメ定例DB（仮）の構想サンプル

「わんスポッター」ブックマークレット【試作段階版】

ブックマークレットのコード

コメントをかく

フリーエリア

Menu

最近更新したページ

2024-05-25

2024-03-28

2024-03-24

2024-03-12

2024-02-28

2024-02-26

2024-01-31

2024-01-16

2024-01-04

2023-12-19

2023-11-08

2023-10-26

2023-10-11

2023-10-02

2023-09-27

2023-09-22

2023-09-12

最新コメント

アクセス解析中