作者ZooseWu (動物園)
看板C_Chat
標題[Vtub] YT聊天室顯示PTT推文 更新說明
時間Sun Jan 10 21:24:38 2021
YT聊天室顯示PTT推文
現已支援
1. Holotools: 使用holotools多窗使用套件
2. 推文: 在套件內直接推文討論
請按page down繼續
套件介紹
我想還是有很多人不知道這是什麼
所以還是照慣例先做套件介紹
這是一個能夠在Youtube/Holotools看實況時能顯示討論串的套件
https://imgur.com/ZhtXdAJ https://i.imgur.com/w9SMpeH.gifv
主要有以下兩個功能
1. 實況:即時更新討論串推文，並且可以推文參與討論
2. 實況紀錄:設定好影片開台時間後就能根據影片時間顯示當時的推文
本套件無論Firefox、Chrome都可使用(Edge及Opera理論上也可以不過未測試)
想要看更詳細的套件介紹可以點下面連結:
https://github.com/zoosewu/PTTChatOnYoutube/tree/master/homepage
所有程式碼也都有完整上傳到github 有興趣的可以到套件介紹那邊
如何安裝
新使用者:
1.安裝暴力猴
https://violentmonkey.github.io/
2.安裝腳本
https://greasyfork.org/zh-TW/scripts/418469-pttchatonyt
舊使用者:
腳本安裝之後每天會自動更新一次
強制檢查更新:點右上角的暴力猴->設定(齒輪圖示)->檢查更新(重新整理圖示)
閒聊
這次的新版本
弄了三週 終於重寫完整個腳本啦~
以後寫新功能或除錯會比以前簡單一點
用蓋房子來說的話 就像隨便蓋的鐵皮屋改成挖地基插鋼筋
然後holotools版本跟推文功能都一起弄好了
推文功能
推文功能只有花昨天四小時就做好了
快到我都嚇到了
所以沒有做太多的測試
雖然我自己用起來沒太大的問題不過還是先暫時鎖起來
如果想用推文功能的話請先在連線設定那邊打勾
程式造成亂推文或是推錯地方等推文之後的後果
都請自負
廣告
我跑去台籃板推廣的時候下面推文跟我說這完全值得放廣告
雖然我在做的時候都沒想到我還能做放廣告這件事情
說真的一開始我超心動的
畢竟獨立開發者的我真的是非常缺錢= =
不過後來想一想用這個功能的人其實不多
擁有PTT帳號+使用PTT+看實況+會進討論串的人才會用到套件
放了應該也賺不了多少錢
而且插廣告了之後在C洽發文好像要先去BM板申請麻煩死了
就決定還是先維持原樣
如果使用人數超過一萬我再插廣告
授權
第一次寫完真正有用的開源專案
(以前一堆半途而廢的ww)
過程中也有參考或借鑒其他開源專案的程式碼
不是很清楚使用其他專案的時候該怎麼附上開源授權
目前是在github上面附上有用到的授權跟連結
如果有開源大佬知道怎麼做比較好希望能指導我一下Orz
近期更新
1.0.33 載入上次輸入的PTT帳號、文章AID及其他使用者設定
1.0.34 自訂套件長度功能(180~800)
1.0.35 修正PTT爬蟲問題 現在更不容易壞掉了
1.0.36 修正信箱爆炸導致爬蟲壞掉的問題
1.0.39 減少PTT操作步驟，減少操作太頻繁而斷線的問題
1.0.40 修正Youtube右下角按鈕跑板問題
2.0 全新的架構:
現在能支援Youtube/Holotools
如果有想要支援其他網站請跟我說
在網站內瀏覽會根據狀況重新生成腳本
(例如從Youtube首頁進入實況後偵測到就會新增腳本)
實況讀取推文不再從頭開始，只會直接抓最近的200條推文
還沒到的推文會用灰色表示，新的推文會有漸變效果
推文內的連結可以直接點開新視窗檢視
支援套件內推文功能
已知問題
有時候自動滾動不會運作
加密功能有時候會壞掉
實況紀錄時間調整太遠有時候會導致視窗凍結
(可以先用舊版看實況紀錄)
以下提供第一版的腳本
https://raw.githubusercontent.com/zoosewu/PTTChatOnYoutube/ver1/Main.user.js
有時候PTT還是會找錯文章
開發方向
目前主要的功能大部分都已經完善了
把已知問題修一修
然後能優化的優化一下
之後應該就放著了
有任何建議都歡迎提出來討論或發PR
然後因為我本身是學UI/UX的
所以如果這方面有問題
例如你覺得介面排版不佳 怎樣會更好
或是每次都要XXX你覺得很麻煩 怎樣可以改善
這方面關於介面跟使用者體驗的問題都可以跟我回報
如果你想更了解這個套件......
完整套件介紹:
https://github.com/zoosewu/PTTChatOnYoutube/tree/master/homepage
套件下載網址:
https://greasyfork.org/zh-TW/scripts/418469-pttchatonyt
Github連結:
https://github.com/zoosewu/PTTChatOnYoutube/tree/master
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.162.82.106 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/C_Chat/M.1610285084.A.594.html
1F：推 forsakesheep: 推，辛苦了 01/10 21:25
2F：推 aa9012: 猛 01/10 21:25
3F：推 gcobc12632: 太強了 01/10 21:25
4F：推 iopbnm014: 先推一個 01/10 21:25
5F：推 HiNiHow: 強 01/10 21:26
6F：→ ridecule: 樓下噓插件 01/10 21:26
我也是很討厭品質變質量 重播變回放ww
但是插件在台灣的用法外掛程式已經有另外的意思了(遊戲作弊程式)
優化跟最佳化在語意上我也是覺得優化比較好
這部分我就選擇傾向用語義較佳或不易誤會的用法
7F：推 kyle87222: 推 01/10 21:27
謝謝大家的支持
如果大家覺得這東西不錯給個推我就很開心了
8F：推 frankfipgd: 推…辛苦了！ 01/10 21:27
9F：推 NowakiKai: 推 01/10 21:27
10F：推 Ttei: 辛苦了 01/10 21:27
11F：推 Xpwa563704ju: 強歐 01/10 21:27
12F：推 showwhat2: 推、推，辛苦了！ 01/10 21:28
13F：→ wxtab019: 更新了不過holotool的聊天室好像沒看到有? 01/10 21:28
可以問一下你用的瀏覽器嗎
14F：推 jared16458: 辛苦了 01/10 21:28
15F：推 Reshiram: 豪猛 推 01/10 21:29
16F：推 HeterCompute: 推 01/10 21:29
17F：推 Allen0835690: 推 辛苦了 01/10 21:29
18F：推 a47135: 不把這篇轉vtub版嗎？ 01/10 21:29
上次有轉 這次忘了xD 感謝提醒
19F：推 e23731208: 大推 01/10 21:29
20F：推 q0500: 厲害 01/10 21:29
※ ZooseWu:轉錄至看板 Vtuber 01/10 21:30
21F：推 CactusFlower: 這個太強了.... 01/10 21:31
22F：→ wxtab019: firefox的 01/10 21:32
23F：推 because1909: 推 造福 01/10 21:32
24F：推 crazy6341556: 好酷ㄛ 01/10 21:32
25F：推 doraemon8709: 666 01/10 21:32
26F：推 pat415son: 剛測試 holotool可以運作 01/10 21:33
27F：→ pat415son: 我用chrome 01/10 21:33
28F：→ wxtab019: 沒事 好像有了 瀏覽器整個關掉重開就有 01/10 21:33
可以用就好 有問題再回報
29F：推 dWoWb: DD到改版再改版 容我叫你一聲大DD 01/10 21:34
DD之力
做這個套件大家想要holotools版之後我才去了解holotools
我原本以為的套件的多窗是那種開很多小視窗
結果根本跟原本一樣在網頁內 太方便了吧
30F：推 inhumanq: 推個 01/10 21:35
31F：推 tym7482: 真愛只能推了 01/10 21:35
32F：推 WLR: 推技術、實作 01/10 21:36
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 21:38:52
33F：推 ShibaTatsuya: 推 太神啦 01/10 21:37
34F：推 dWoWb: 使用上超簡單 感謝感謝 01/10 21:38
喔對了
holotools的全螢幕模式套件也可以正常使用
holotools的介面太屌了
35F：推 qwe19272375: 推 01/10 21:39
36F：推 Ericz7000: 太猛了 01/10 21:39
37F：推 LastAttack: 哇不錯 可是ㄅ歉我選擇win版MOPTT 大缺點是要手動刷新 01/10 21:40
那優點呢?
38F：推 jhshen15: 這篇應該置底精華 01/10 21:40
要怎麼申請置底阿 可以的話我也想讓更多有需要人的看到
39F：推 paul31788: 推推 01/10 21:41
40F：推 akira00150: 猛耶 01/10 21:45
41F：推 rayccccc: 推 完全支持插廣告 01/10 21:46
好 一萬人下載就插廣告
不過插了也是放置底之類不會影響套件使用
我超討厭全版跟內容插廣告那種= =
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 21:48:30
42F：推 joker8881: 厲害推 01/10 21:46
43F：推 nh60211as: 推推 01/10 21:47
44F：推 weebeer626: 推爆 01/10 21:47
45F：推 acdess: 推 太神拉 01/10 21:49
46F：推 SiaSi: 插件也可以叫外掛套件 01/10 21:50
47F：推 Cassious: 這很有用耶，看球賽也好用 01/10 21:51
我之前有趣台籃板推廣 還有其他地方也會用到歡迎去推廣或跟我說
48F：推 doraemon8709: 為什麼我用chrome不能登入QQ 01/10 21:53
他顯示密碼錯誤嗎? 密碼錯誤重新整理試試看
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 21:54:16
49F：推 lee70404: 他 01/10 21:53
50F：→ lee70404: 推....冷到打錯字 01/10 21:53
51F：推 mitkuchen: 原來那段碼要加到termPTT自動登入那邊 搞錯好久XD 01/10 21:55
對 因為腳本開的PTT會被自動登入影響
所以要去那邊新增程式碼
讓自動登入在背景開的PTT不會跑來亂
52F：推 Cassious: 如果有支援麥卡貝或Twitch聊天室的話就可以發去棒球版 01/10 22:00
53F：→ Cassious: ，因為在YT直播的棒球賽不多 01/10 22:00
好我之後看看能不能簡單的插進去
54F：推 doraemon8709: 可以登入了 不過剛剛用起來 推文好像推不出去 而且 01/10 22:00
55F：→ doraemon8709: 開啟推文功能之後就沒有自動載入新推文了 01/10 22:00
可以登入 但是無法推文
可以問一下
1.你推文之後你輸入欄的文字有消失嗎
2.你自己的推文有顯示嗎
56F：→ nh60211as: 問一下，畫面按左上角的P收不起來是已知問題嗎？ 01/10 22:01
欸靠 這是bug
我每次都打開來就查裡面的內容 沒注意到這邊還要可以關回去
我目前測試下來好像是內容太多要關的時候會卡卡的
你是完全無法關起來嗎?
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 22:04:07
57F：推 doraemon8709: 1.2都沒有 然後我按p也收不起來w 01/10 22:04
58F：→ doraemon8709: 先感謝原po寫出這麼強大的東西還提供完善售後服務w 01/10 22:05
59F：推 nh60211as: 完全關不起來，多按幾次可以看到YT聊天室閃現但是還是 01/10 22:05
60F：→ nh60211as: 關不起來 01/10 22:05
如果是在yt使用的話可以先用舊版 舊版對YT的支援很完整
https://raw.githubusercontent.com/zoosewu/PTTChatOnYoutube/ver1/Main.user.js
因為我在holotools用都蠻正常的 所以沒注意到新版在yt可能會出問題
61F：推 maplefff: 希望未來能做safari的，收錢也可以 01/10 22:07
只要是暴力猴支援的都可以
不過暴力猴目前不支援safari
這方面我愛莫能助QQ
62F：→ nh60211as: 還有，我拿舊版1.0.26測試也關不起來 01/10 22:07
可以問一下你的瀏覽器/作業系統/開的網址嗎
63F：推 doraemon8709: 是說現在holotools不能多開的問題有辦法解決嗎 01/10 22:09
我holotools沒關掉過能正常多開 討論串那邊說tools壞掉新開的可能會怪怪的
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 22:11:34
64F：→ nh60211as: Chrome 87.0.4280.88/Windows 7/ 01/10 22:13
66F：→ nh60211as: 要不要我直接開個issue 01/10 22:13
67F：→ ZooseWu: 好 你開個issue好了 01/10 22:14
68F：推 applemonster: 不知道能不能提供選項把聊天室顯示行數增加 @@ 01/10 22:15
不太懂
現在可以增加套件長度
還是你想要讓顯示的推文擠一點?
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 22:16:45
70F：推 addict615: lol板賽季開始後應該不少是yt轉播的應該可以去推 01/10 22:16
71F：→ addict615: 三金板要看典禮yt轉播時有沒有鎖台灣ip，而且三金轉播 01/10 22:16
72F：→ addict615: 是分段live文不知道會不會有使用上的麻煩 01/10 22:16
這好像特定季節才有?還是這是最近的活動?
73F：推 dWoWb: 連線設定 長度800 01/10 22:16
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/10/2021 22:18:04
74F：→ medama: 太強啦 01/10 22:22
75F：推 addict615: 看原po好像徵求一些突破次元壁的地方推廣，幫忙想一些 01/10 22:27
76F：→ addict615: 用得到的地方 01/10 22:27
77F：→ addict615: 三金每年6月 10月 11月 三次，算季節限定沒錯 01/10 22:27
好像還很久
如果有需要你們可以推廣
如果到時候我有記得也會想要去推廣一下
78F：推 uohZemllac: 好用推 01/10 22:27
79F：推 LastAttack: 還有LOL的世界賽也能用，沒意外的話PCS往後應該都會鎖 01/10 22:28
80F：→ LastAttack: 聊天室，太容易跟中國網友吵架 01/10 22:29
81F：→ LastAttack: MO優點就鍵盤操縱便利吧 有個外掛當然是更便利 01/10 22:30
82F：→ LastAttack: 整體而言 01/10 22:30
如果有覺得很方便的功能無法割捨
我可以在套件上面盡可能的實現類似的
83F：推 applemonster: 看可不可以像推文圖那樣，把那塊吃滿，顯示推文行數 01/10 22:33
84F：→ applemonster: 能多一點 01/10 22:33
85F：→ applemonster: PCMAN來說一頁顯示2X個推文，但用這個插件只能顯示6 01/10 22:35
連線設定那邊可以設定套件長度 最高可以到800
我做個設定可以設定每個推文之間的寬度好了
然後左邊寬度是網站本身會留空一點防止擠在一起
不知道為什麼你的留空特別多
我跟他借的空間在寬度上是塞滿的
86F：→ applemonster: 到八個推文，希望增加能看到推文的量 01/10 22:35
依推文者要求刪除推文
87F：推 dWoWb: 對耶QQ 幫我刪惹 謝謝 01/10 22:42
88F：推 applemonster: 阿 原來是這樣用，我改了現在有吃滿 大概1X行推文 01/10 22:45
89F：→ applemonster: 感恩感恩 這樣舒服多了 01/10 22:45
90F：→ applemonster: 你的塞滿應該是有開YT聊天室的狀況? 01/10 22:46
對 因為這也可以在Youtube使用
有些人會想要同時看推文跟聊天室
所以就增加一個選項讓使用者可以調整長度
不過在讓使用者設定推文間距的好像也不錯
92F：→ applemonster: 不過開PTT畫面的話會變成這樣 01/10 22:49
94F：→ applemonster: chrome 版本 87.0.4280.141 (正式版本) (64 位元) 01/10 22:50
這個PTT畫面跟後面的LOG只是拿來回報問題用的
本來我是想直接隱藏起來
不過不太影響我就想說放著好了
而且新版的LOG還沒串 完全不會顯示任何資訊ww
95F：推 applemonster: 我不開聊天室是因為 人數多時開聊天室容易LAG 01/10 22:53
96F：→ applemonster: 如果沒有PTT畫面的話其實可以改一個DARK MODE出來 01/10 22:54
喔 yt會根據背景顯示深色模式
holotools忘記弄了xD
97F：→ applemonster: 我是只要有提供dark mode一定開~ 01/10 22:55
這個弄好了
現在更新好應該能顯示深色模式了
不過holotools底下的深色模式目前有點黑
未來我再改成跟背景相同的顏色
98F：推 abcd9597938: 神神神 01/10 23:34
99F：推 Derriclc: 太神啦 已實裝 01/10 23:35
謝謝你的紅包xD
100F：推 extremevs: 好用推 01/10 23:56
101F：推 nothink0: 推 01/10 23:58
102F：推 joewang85: 你是鬼吧 01/10 23:58
103F：推 pinqooo: 雖然看不懂那些功能 不過感覺很猛先推一個 01/11 00:01
看不懂沒關係
看得懂代表你要花更多時間來DD了
104F：推 applemonster: 感謝深色模式 已經在用了!! 01/11 00:15
105F：推 enderboy7652: 強 01/11 00:17
106F：推 rochiou28: 幹這個屌喔 01/11 00:28
107F：推 Koyomiiii: 屌 爆 了 （跪下 01/11 00:38
108F：推 qazwsx51: 謝謝村長！！ 01/11 00:53
怎麼每次都被村民發現ww
109F：推 UnaBaby: 好----棒-----！！！ 01/11 01:15
梟婆串也可用 可以推薦讓觀眾間彼此要閒聊就可以用這個在討論串聊天
110F：推 inte629l: 推 這實踐力好猛 等等來看看code XD 01/11 01:19
我希望輸出的userscript盡可能保持原始程式碼的狀態
所以找了很多方法盡量避免輸出之後會變成亂碼
然後webpack就只能棄用 連帶的很多模組都變得很麻煩
怎樣開專案我有寫在readme
有不清楚或是開失敗的話再把環境跟我說
111F：推 ian31722: 推 01/11 01:36
112F：推 fr75: 讚 01/11 02:20
113F：推 a498ss321: 怎麼也把node_modules 也git 上來了XDD 01/11 02:34
因為我有改裡面的地方
我覺得好像應該要fork之後在package連結到我的fork版會比較好
但是我不知道怎麼弄
所以就直接把有改的地方丟上來了Orz
然後有一些我沒改到的也不小心丟上來不知道怎麼砍掉www
114F：推 cattac222: 推 01/11 03:30
115F：推 ab37695543xs: 猛猛的 01/11 04:04
116F：推 az7061780617: 感謝!沒想到有人把這個功能實作出來了 01/11 04:14
117F：推 viewer1946: 推 01/11 05:16
118F：推 greed3819: 推爆 話說我的holotools還是只能一次看一台QQ 01/11 06:08
這個問題是Holotools受限於Youtube的政策只能一次播一台
解決方案是安裝Holotools的Chrome擴充套件TubeGrid
119F：推 berice152233: 推推 01/11 08:41
120F：推 aegis91086: 推 01/11 10:35
121F：推 aegis91086: 推 01/11 10:51
122F：推 applemonster: 有提到 觀看實況紀錄前請先設定開台時間 這個設定 01/11 11:01
123F：→ applemonster: 應該要在哪裡設定呢？ 我只看到說要設定但不知去哪 01/11 11:01
124F：推 applemonster: 好我知道了，holotools沒有看到這行但直接從YT開有 01/11 11:05
125F：→ applemonster: 連線設定那邊 有可以設定實況開台時間，YT有tools沒 01/11 11:06
因為Holotools的網站跟顯示的影片是分開來的
所以他們才可以動態增加/移除影片
也因此我抓不到他們的影片 Holotools就只能用實況模式
如果要用實況紀錄模式還請用Youtube觀賞
126F：推 jackjack674: 之後可以考慮支援twitch嗎 一般遊戲實況會之後棒球開 01/11 11:29
127F：→ jackjack674: 打都能用 01/11 11:29
晚上我試看看
128F：推 john412132: 666666 01/11 13:11
129F：推 shentotto: 7777777 01/11 14:26
130F：推 meltnight: 推 辛苦了 01/11 14:27
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/11/2021 14:30:08
131F：推 jeff666: 太神啦 01/11 16:06
132F：推 dkfs789: 太神啦 01/11 16:14
133F：推 rickphyman42: 推大師 01/11 16:28
134F：推 NicoNeco: 太油了吧peko推 01/11 16:47
135F：推 neil987: 等我案子忙完再看看能不能弄成chrome擴充好了 01/11 17:19
136F：推 Yosi777: 請問Youtube是正常的，但Holotools無法登入，有解嗎? 01/11 18:33
137F：→ ZooseWu: 重新整理有用嗎?它顯示什麼訊息 PTT畫面是什麼狀態 01/11 18:42
138F：推 k719781: 請問我暴力猴裝好了 可是安裝腳本時沒有反應欸 我用firef 01/11 18:58
139F：→ k719781: ox 01/11 18:58
140F：→ ZooseWu: 你點連結之後跳出的視窗長怎麼樣 01/11 19:00
141F：→ ZooseWu: 是不是一個上面紅色的網站 中間有一個綠色的安裝腳本按鈕 01/11 19:01
142F：推 k719781: 會變成greasy fork 同一篇的日誌頁面 01/11 19:02
143F：→ k719781: 就說的那個 01/11 19:03
144F：→ ZooseWu: greasyfork就是安裝頁面 裡面有安裝按鈕嗎 01/11 19:06
146F：推 k719781: 有的 01/11 19:07
147F：→ ZooseWu: 點了之後會跳一個視窗 右上角有按鈕可以確認安裝 01/11 19:07
148F：→ k719781: 我裝好了 剛腦筋沒轉過來 感謝幫忙 01/11 19:08
149F：→ ZooseWu: 有裝好就好:) 01/11 19:10
150F：推 didhg: 好 01/11 19:41
插件->套件
151F：推 Yosi777: 我找到原因了，不能登入3個視窗以上，會顯示已斷線 01/11 21:01
我想你遇到的問題是它會停在要不要刪除其他連線
你選擇N之後就跳出去回到登入畫面
這是PTT的問題 我也不清楚發生的原因
我去PTT回報他們說這不是bug 也沒有設定同時間登入的上限
※ 編輯: ZooseWu (1.162.82.106 臺灣), 01/11/2021 22:04:44
152F：推 Evil317: 實用推 01/13 18:27
153F：推 QAQKUKU5566: 殭屍又要重打圓周率 笑死 06/14 19:29