[Vtub] YT聊天室顯示PTT推文 更新說明 20210131

[ZooseWu (動物園)]

                             YT聊天室顯示PTT推文

                                  現已支援

           1. 效能改進  : 現在不會越用越卡了

           2. Niji-mado : 使用Niji-mado多窗使用套件

           3. 圖片預覽  : imgur的網址會自動補.png預覽

           4. 使用者設定: 新增刪除重複連線、套件寬度、自訂主題

                              請按page down繼續



套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

這是一個能夠在網站看實況時能顯示討論串的開源套件

目前支援的網站有 Youtube Twitch Holotools Niji-mado

預覽圖: https://i.imgur.com/w9SMpeH.gifv https://imgur.com/ZhtXdAJ

主要有以下兩個功能

1. 實況: 即時顯示討論串最新推文，並且可以直接在套件內直接推文

2. 實況紀錄(YT only): 設定好影片開台時間後就能根據影片時間顯示當時的推文

本套件無論Firefox、Chrome都可使用(Edge及Opera理論上也可以不過未測試)

想要看更詳細的套件介紹可以點下面連結:

https://github.com/zoosewu/PTTChatOnYoutube/tree/master/homepage

所有源碼都有完整上傳到github 有興趣的可以點上面連結

套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

新使用者:

  1.安裝暴力猴https://violentmonkey.github.io/

  2.安裝腳本https://greasyfork.org/zh-TW/scripts/418469-pttchatonyt

已經安裝過的使用者:

  腳本安裝之後每天會自動更新一次

  強制檢查更新:點右上角的暴力猴->設定(齒輪圖示)->檢查更新(重新整理圖示)









套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

2.2.0:

* 使用virtual scroll增進效能

* 支援niji-mado網站 彩虹串可以更方便的討論了

* imgur的網址會自動補.png預覽

* 新增刪除重複連線、套件寬度、自訂主題選項

* 修正Holotools主題偵測有時候會錯誤的問題
* 現在css用更好的方法插入網站中 不會有套件壞掉的樣子跑出來了
* 現在套件在部分網站會更快的載入了
* 修正若干奇怪的小問題






套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

* term.ptt.cc如果開啟好讀模式 會導致套件壞掉

  無法讀取文章的人需自己打開term.ptt.cc然後關閉好讀模式才能解決

  打開網頁版PTT -> 右鍵 -> setting ->
  Enable easy reading article view. (experimental) 這個選項取消打勾

  未來會考慮新增支援好讀模式的讀取

* 現在的virtual scroll套件對動畫效果支援不佳 導致灰色漸變怪怪的

  如果不喜歡效果怪怪的問題可以勾選取消灰色漸變的效果

* 勾選推文選項後依然無法開啟推文功能

  可以照著下面圖片自己新增變數 EnableSetNewPush true 可暫時解決

  https://i.imgur.com/r52QdCh.png


套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

Hello 大家好~

套件一直有在更新 暴力猴的自動更新應該有正常的運作吧 有吧?!

自動更新有好好運作的話 有時候睡醒套件就有新功能不知道大家有沒有注意到

最近這幾天開始我看到討論串最後大家會幫忙補上新串的AID

這應該是越來越多人在用我的套件 然後貼代碼提供大家方便換串吧



然後另一個一直沒解決的問題就出現了 就是套件會越用越卡

這個問題在一開始只支援Youtube的時候不太明顯

因為一來你追完一個實況換另一個就要重開網頁登入

另一個原因是因為Youtube本來就很卡 不差我一個套件啦!

套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

但是使用Holotools之後 只要登入一次就可以看到睡覺

導致的就是推文越載入越多 然後整個網站就越來越卡

卡到後面我點上排的新實況 過超過十秒才開始有動作...



這個問題我一直有在想辦法解決 但是我不是專業寫前端的

所以想的都是比較蠢跟簡陋的方法 效果也有限

後來經過大神提示之後才知道有一個方法叫做virtual scroll(虛擬卷軸)

以書來比喻的話 就是整本書有1000頁

但是他顯示文字的只有你讀的那兩頁+前後各一頁

其他地方你沒看的時候都是空白的 只有你翻過去那一頁才會顯示文字

套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

在用了現成的套件之後問題終於緩解

雖然也因此冒出了一些小問題就是了...



如果這兩天套件穩定的話我就會去台灣籃球板根LOL板宣傳吧

如果還有那些板有live串會用到這個套件的話也可以跟我說

然後我本來也想支援NBA板的live 但是LiveTV那個介面實在太醜了

沒辦法簡單的把套件塞進去 超爛......

現在還在想辦法中



話說星期五半夜GameStop半夜追股價實況我也有跟

套件介紹 安裝方法 更新說明 已知問題 閒聊                    請按page down繼續

因為星期五是空軍的期限 然後股價是在Youtube上實況的

所以我也發個文讓大家用這個套件

結果下面推文超好笑的 有興趣的可以去看看xD #1W54pWo9 (Stock)



最後說一下 如果你使用套件有出現問題或bug

但是沒有在這篇文章列出來的話 應該就是在下面的連結

https://github.com/zoosewu/PTTChatOnYoutube/issues

如果這兩邊都沒有的話 代表我忘記了

希望你能再推文重新說一下 或是到上面的連結回報給我方便追蹤

--
                                                                    Zoosewu
                              Yoututbe顯示PTT推文
                       可以在各個網站追實況或Live時使用
預覽圖: https://i.imgur.com/ZhtXdAJ.png https://i.imgur.com/WqbLNV3.png
完整介紹: https://github.com/zoosewu/PTTChatOnYoutube/tree/master/homepage
支援的網站: Youtube Twitch Holotools Niji-mado

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.115.120 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/C_Chat/M.1612101970.A.88A.html
推 arrenwu: 你真的好厲害喔 尤其是這行動力 佩服！
→ arrenwu: 套件開發 行動力真的比什麼三小專業都有意義
謝謝
推 Hsieh455125: 做出來這個好猛
推 johnny12728: 有用有推
→ spfy: 最近(這周末)CSS沒讀進來的次數變高了 不知道是網路還是瀏覽
之前是會等待一秒 然後載入css

如果一秒後網頁沒載入好就會壞掉

但是它其實有一個指令 可以直接等網頁載入好後再插入css

現在用這個新方法之後css錯誤的問題應該解決了
→ Hsieh455125: 沒有行動力真的甚麼都做不好
→ spfy: 器的關係 GC+Win10 1909+房東的爛網路
推 nh60211as: 推推
對了你的P無法收起來的問題不知道解決了沒

那是Bootstrap的內建功能 我完全不知道為什麼不能用

你到這個網站點裡面的試試看

https://getbootstrap.com/docs/5.0/components/collapse/
→ surivnoir: edge的推文功能要我去連線設定開 但是開了沒反應就是
開了之後依然不能推文? 可以先照著內文說的自己輸入EnableSetNewPush true 試試看

然後希望你照著這篇截圖給我看

https://github.com/zoosewu/PTTChatOnYoutube/issues/18#issuecomment-770217904
推 lavendin82: 請問一下我聊天室的那個P不見了怎麼辦= =
哪邊不見 有截圖嗎
→ lavendin82: 我看暴力猴裡的腳本還在說
有可能的原因:
右上角的猴子圖案應該要有一個紫色的1
然後打開可以看到我的套件名稱 如果沒有就是網址偵測錯誤
希望你能貼一下你無法使用的網址

再來就是套件找不到插入的地方
右上角正常顯示1 點開也看的到我的套件 但是就是沒有P
可能要請你貼網址跟畫面截圖
推 yesqqe: 推
推 Ttei: 真的受益良多 非常感謝
推 dWoWb: 太神啦 登入一次看到睡覺
希望你照著這篇截圖給我看

https://github.com/zoosewu/PTTChatOnYoutube/issues/18#issuecomment-770217904

我真的完全找不到為什麼數值存不進去 或是數值存進去之後不能用的原因...
推 lavendin82: https://imgur.com/a/2rOQdyz 目前是這樣QQ
有網址嗎 貼給我看看
推 lavendin82: https://imgur.com/VtVXdAk 請問大大要什麼樣的網址?
你看的那個實況或影片YT網址
→ spfy: 我覺得願意搞前端的都是佛祖度化眾生 推文現場debug就開始了
我覺得很多時候環境明明一樣卻出問題 超奇怪的

我也是win10 + chrome & firefix阿
推 lavendin82: https://www.youtube.com/watch?v=oSrcIh-_4VE ねね台
→ lavendin82: 應該是說我每台打開都沒有P XD
可以問一下你的瀏覽器跟作業系統嗎 然後套件先更新到最新版看看
推 lavendin82: win10/chrome/腳本2.2.0 剛剛看ねね台還有 突然沒了
暫時還不清楚你發生問題的原因 你可以先升到2.2.1版

然後再開YT F12 應該會有兩種訊息

一種是腳本有載入完成，有三條。這個應該會在最上面

https://i.imgur.com/90gT1FO.png

一種是生出App在網頁中，這個應該在上面的下面一點的地方

https://i.imgur.com/HREcPdH.png

你看一下 有沒有都出現 或只出現上面的

然後看你的語氣 以前應該是可以用的 你可以到套件安裝網頁

然後點歷史 選以前的版本來用

→ spfy: 如果是我就叫鄉民先重開然後重裝最後重灌 信我
很多時候真的都是我的問題xD
推 jimmy90946: 好用推
推 lavendin82: https://imgur.com/9ilGHIJ 我剛試了一下 我把這個整
→ lavendin82: 裡訂閱頻道的擴充功能關掉後就出現了
!! 知道問題就好解決了

我裝一下看問題在哪
→ lavendin82: 但之前應該都一直是開著的沒有錯 是不是有衝突@@?
不清楚 我也有裝這個 但是是火狐版

然後我的火狐都很正常
→ lavendin82: 再麻煩大大試試看了 辛苦你了QQ
2.2.4更新了 你手動更新一下應該就能跟其他套件共存了
推 dWoWb: https://i.imgur.com/542vNZ0.jpg  console看只有一個紅叉
推 dWoWb: 另外876行 false -> true就可以推文了  目前就這樣一直用
那個紅X應該不是我的 我的log在最右邊會顯示 pttchatonyoutube.user.js:XXX

我可能要再慢慢試了

另外你的其他功能都正常嗎 自動儲存帳號&調整字體大小之類的

還有你的關閉灰色漸變應該也是會壞掉才對
推 dWoWb: 帳號儲存OK 字體可改 套件長度也可改
→ dWoWb: 灰階功能不曉得耶 開了好像沒差(?)
→ ZooseWu: 開了之後聊天室應該看不到新推文的漸變效果
推 lavendin82: 更新完2.2.4 OK了 感謝大大QQ
→ ZooseWu: 所以就是勾選的功能有問題 範圍稍微縮小了
→ ZooseWu: 能用就好 有問題再回報
推 dWoWb: 灰階可以用
→ dWoWb: https://i.imgur.com/7AuX33t.jpg  這張給你參考
推 johnny12728: 現場debug wwwww
→ ZooseWu: 好 我再看看問題在哪
推 dWoWb: 超讚的免費服務...w
→ ZooseWu: 所有人都是我的測試員阿
更新了2.2.13版 你安裝後應該能自由開關推文功能了
推 dWoWb: 可以了 哦哦哦哦謝謝
→ ZooseWu: OK 有問題再回報
推 maplefff: 可以許願，直接在登陸那邊選看板、跟關鍵字找串嗎？
→ maplefff: 這樣就可以直接脫離Ptt軟體來使用
關鍵字找串的方法說不定可行 直接找關鍵字的最後一篇文章

現在如果是Holo串的話 最近開始會有人在最後換串提供新串代碼了xD

你可以直接先開舊串看有沒有人貼代碼
推 ray10133: 獲益良多 真的感謝
※ ZooseWu:轉錄至看板 Vtuber                                       01/31 23:48
推 Ghosta: 好用推
推 s1310306: 超好用
推 maplefff: https://i.imgur.com/RqedlSZ.png 像這樣的感覺
→ maplefff: 看板列表從我的最愛裡面抓，然後用關鍵字抓文章這樣
→ maplefff: 我最近都是靠串裡的文章代碼直接用的沒錯
現在只是單純的sC_CHAT #123456

所以只會看到主畫面 看板畫面跟文章畫面

列出搜尋結果的話有點麻煩

列出我的最愛則是沒什麼必要 使用者自己輸入就好了
→ maplefff: 只是不知道能不能直接搜尋，當天第一次用就不用開ptt
→ maplefff: 另外就是推文那個框，會被Chrome認成密碼輸入的地方
→ maplefff: 不知道能不能改一下，chrome會一直問要不要存新密碼
那個按永遠不要儲存不行嗎

現在firefix如果不設定為密碼的話沒辦法把文字隱藏起來
推 tsaodin0220: 推推 關掉好讀之後整天泡在推文了XD
推 Mochy: 推
推 bollseven: 牛逼
推 kinomon: hololive集中串.jpg
※ 編輯: ZooseWu (111.243.115.120 臺灣), 02/01/2021 00:49:29
推 g54365123: 推推
推 qazwsx51: 謝謝村長！
推 roger30415: 推推
推 laugh8562: 問一下不是live的影片有些沒聊天室 也就看不到P 那這
→ laugh8562: 個是不是就不能用了？
如果是實況紀錄關閉聊天室的話應該會有"聊天室已停用"的視窗掛套件

還是說當初實況就沒有開聊天室?
※ 編輯: ZooseWu (111.243.115.120 臺灣), 02/01/2021 15:07:10
推 jo8246hn: https://i.imgur.com/SmpzEy1.jpg 不明原因卡著讀不了
→ jo8246hn: 有試過重新安裝，清cookie重新整理等，目前沒辦法用
推 jo8246hn: 在Holotool裡測試，可是只能開即時的聊天室，無法調時間
→ jo8246hn: 在Holotool裡測試可以用*
推 jo8246hn: 往前測試了幾次，發現今天的討論串就沒有問題
→ jo8246hn: 02/01白天和晚上串都可以，但測試01/31和01/30都會卡死
了解 我再看看問題在哪
※ 編輯: ZooseWu (111.243.115.120 臺灣), 02/01/2021 20:41:05
推 jo8246hn: https://i.imgur.com/iRroXup.jpg
→ jo8246hn: 今天試著用chrome，問題一樣，卡死沒辦法跑聊天室
→ jo8246hn: 不知道是不是只有我遇到這個問題@@