comment_load

録画コメント読み込み

※今後もツイキャスのバージョンアップで動かなくなることが予測されるので、気づいたらりしゃるまでよろしっく！
※2021/01/11：いつもの（公式の更新で動かなくなるやつ）
短いURL：https://syaru.playing.wiki/d/comment_load ※コメント欄に貼り付けるときなどにどうぞ

概要
・ツイキャス録画視聴時のコメントを読み込んでくれるスクリプトです。※PC：Chrome用です。

仕組みや制作意図など
・公式アップデートで録画コメントの表示がなくなり、コメントリプレイなども利用不能になったため作成。
・録画ページから他ページ読込機能を使いコメントページからコメントを読み込み挿入。

使い方
※PC用です、利用する場合は以下の操作をおこないます。
①コメント読み込みたい録画放送のページに行く
②コンソールの表示
・Chromeの場合→Ctrl+Shift+J（マウス操作のみ：右クリック→「検証(I)」をクリック→「Console」をクリック）
・Firefoxの場合→Ctrl+Shift+K（マウス操作のみ：右上のメニュー「≡」クリック→「ウェブ開発」をクリック→「ウェブコンソール」をクリック）
③コードの実行
・パターンＡ：下記からコピーしたものをコンソールの入力欄にペーストしてEnter！
・パターンＢ※：コンソールの入力欄で「↑」キーを押してEnter！(※コンソールは過去に実行したコードの履歴を呼び出す機能があり、このプログラムコードを実行した直後などは、「↑」キーを押せばコピペすること無くコードを呼び出せます、つまりもうこのページに来る必要はないということでｓ)
④以上、あとは自動で読み込んでくれるはずです。コード実行後はコンソールの画面は即刻閉じて大丈夫です。

//"COMMENT_LOAD v20201007
//"ツイキャス録画コメント読み込み//20201007
let newStyle = document.createElement('style');newStyle.type = 'text/css';// 新しいstyle要素を作成
newStyle.innerText = '.tw-comment-history-item>div{display:inline}'// + '.tw-comment-history-item__content {position:relative}'// + '.tw-comment-history-item__info, .tw-comment-history-item__details {position:absolute;top:0px;}'// + '.tw-comment-history-item__info>div, {position:absolute;top:1em;}'// + '.tw-comment-history-item__info>div, .tw-comment-history-item__details {}'
document.head.appendChild(newStyle);

let elm = document.createElement('script');elm.src = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.1/jquery.min.js';
document.head.appendChild(elm);

let count=1, $_comment_list_container;
let is_live = (~document.location.href.indexOf("/movie/"))==0;  console.log('is_live:'+is_live);
let COMMENT_PAGE_URL = document.getElementsByClassName('tw-comment-list-view__more')[0].getAttribute('href')

let level=0; function add_level(){level++;console.log('level:'+level)}
function init(){ console.log('init')
  let tmp = document.createElement('script');tmp.innerText = 'after_jq($)';document.head.appendChild(tmp);//ぶっちゃけファイアフォックス用。スコープ
}

function after_jq(jq='no_one'){ if(jq!='no_one')$=jq;
  if('fn' in $ == false){ setTimeout(init,1000); console.log('fn in $ false:'+count++);return;}
  //"上記まででjqチェックのループ、下記は一度のみ実行
  $('.tw-comment-list-view__scroller').height(window.innerHeight-200); //"コメント一覧枠の高さを変更
  $('.tw-comment-list-view__scroller>div>div,.tw-comment-list-view__more').addClass("oldorigin").hide();//"既置のコメントのマーキングと非表示
  $('body').append('<section style="display:none"><div id="tmp_ch"></div><div id="tmp_chp"></div></section>');//"データプール場所設置
  //"コメントとページ番号読み込み、読み込みには時間がかかる。
  $('#tmp_ch').load(COMMENT_PAGE_URL+' .tw-comment-history',add_level)
  $('#tmp_chp').load(COMMENT_PAGE_URL+' .tw-pager',get_chp_urls)//20210109ris .paging->.tw-pager
  setTimeout(load_comment_proc,1000);
}setTimeout(after_jq,1000);

let ch_page_max=0, ch_page_num=0, chp_url=[], load_dot_loop;
function get_chp_urls(){
  $('#tmp_chp a').each((i,elm)=>{ chp_url[i]=elm.getAttribute('href') }); ch_page_max = ($('#tmp_chp a').length-1); add_level();
  const SHIELD_HTML ='<div id="shield" style="position:absolute;top:0;width:100%;height:100%;padding-top:50%;'
    +'background:rgba(255,255,255,0.5);font-size:72px;">コメント<br />ロード中<br /><span>0/'+ch_page_max+'</span></div>'
  $('.tw-player-page__comment__list').eq(0).append( SHIELD_HTML );
  load_dot_loop = setInterval(()=>$('#shield>span').text($('#shield>span').text()+'.'),1000)
}

function load_end_proc(){ console.log('load_end_proc')
  $('.tw-comment-list-view__scroller a').attr('target',"_blank");
  $('#shield').remove();
  //comment_replay()
}

※宣伝用リンク：https://syaru.playing.wiki/d/comment_load