[推薦] Youtube直播介面改造(仿Twitch

看板C_Chat作者 (Ted)時間2年前 (2021/07/10 20:43), 2年前編輯推噓52(52012)
留言64則, 52人參與, 2年前最新討論串1/1
直接上圖 改造前: https://i.imgur.com/nLWUCAm.png
預設模式無用空白處太多 改劇院模式聊天室又會被擠下去 觀看體驗實在很差 改造後: https://i.imgur.com/OHk8Gyp.png
將影片及聊天室塞滿整個畫面 沒有任何一絲浪費的空間 靠的就是這個瀏覽器套件:YouTube Livestreams Theater Mode Chrome: https://chrome.google.com/webstore/detail/cmjhejfkhdonjimgkinjdombabgfbcal Firefox: https://addons.mozilla.org/zh-TW/firefox/addon/youtubelivestreamstheatermode 這套件還有很多功能 像是 將聊天室嵌入影片內: https://i.imgur.com/5wbdGyk.png
或是乾脆把聊天室改到左邊: https://i.imgur.com/PLfd8oU.png
他的設定頁也有很多東西可以自訂 https://i.imgur.com/1xlpYRk.png
一、進入 Theater Mode 時自動轉為黑暗模式(不過現在大家應該都預設黑暗模式了吧 二、調整聊天室及嵌入聊天室的寬度(我都調最小 三、當你滑鼠移到影片時 會自動顯示影片描述   或 只顯示小型 icon 將滑鼠移過去才顯示影片描述(我是用這個 四、設定自動進入 Theater Mode 的快捷鍵(我是沒有設定啦 有個小問題是 這個套件在將你開始 Theater Mode 時 是會自動開啟聊天室的 然後 YouTube 聊天室讀取久了就會變得很慢 這時有另外一個套件 HyperChat - Optimized YouTube Chat https://chrome.google.com/webstore/detail/naipgebhooiiccifflecbffmnjbabdbh 據說可以加速讀取聊天室 但是會將聊天室變得很陽春 還請斟酌使用 如果你根本不想看 YouTube 的聊天室 可以使用擋廣告套件 並在自訂過濾規則加上這一行 www.youtube.com###content-pages 這樣 YouTube 的聊天室就會被當成廣告擋下來 完全不會被載入了 當然以上套件是相容於版友所寫的:Youtube 聊天室顯示PTT推文 https://greasyfork.org/scripts/418469 示意圖: https://i.imgur.com/7rTbzoB.png
但有個小BUG是 當你同時使用這兩種的時候 PTT的聊天室會變得無法打字 or 反白 要先解除劇院模式才能恢復 還請斟酌使用 最後還推薦一個 當你沒在看直播 而是看其他影片的時候 通常會開啟劇院模式: https://i.imgur.com/nwYiuyT.png
但無用空間還是太多 而且頂部的標題列真的很醜 這時可以裝 Maximizer For YouTube™ https://greasyfork.org/scripts/33243 示意圖: https://i.imgur.com/St52ZRz.png
除了隱藏標題列之外 也會將影片放大到佔滿螢幕 觀看體驗更佳 個人也是滿推薦的 至於 greasyfork 的安裝方法 需要先安裝暴力猴或 Tampermonkey 等腳本管理套件 詳細可以參考版友所寫的:Youtube 聊天室顯示PTT推文 內的教學 https://greasyfork.org/scripts/418469 這篇文章想寫很久了 但都一直很懶 今天剛好看到有人在討論 Twitch 跟 YouTube 的直播介面差異 就趁這個時候分享給大家了 希望大家之後都會有更好的 YouTube 觀看體驗 -- By ALi Project グランギニョル                仏語で「操り人形」または「人形劇」を指す。       普通は19世紀末のパリに実在した劇場「グラン・ギニョル座」を指す。  この劇場では人形の代わりに人間が出演し,残酷でエロチックな恐怖劇を演じた。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.218.158.27 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/C_Chat/M.1625921035.A.FC7.html

07/10 20:44, 2年前 , 1F
分享推
07/10 20:44, 1F

07/10 20:45, 2年前 , 2F
這畫面一整個舒服
07/10 20:45, 2F

07/10 20:46, 2年前 , 3F
3Q
07/10 20:46, 3F

07/10 20:46, 2年前 , 4F
推實作
07/10 20:46, 4F

07/10 20:46, 2年前 , 5F
推…每次都覺得預設介面有夠痛苦
07/10 20:46, 5F

07/10 20:46, 2年前 , 6F
想要彈幕影響畫面的話可以載Dmooji
07/10 20:46, 6F

07/10 20:47, 2年前 , 7F
有彈幕化插件
07/10 20:47, 7F

07/10 20:48, 2年前 , 8F
有比Dmooji好的彈幕嗎
07/10 20:48, 8F

07/10 20:49, 2年前 , 9F
推個,謝謝分享!
07/10 20:49, 9F

07/10 20:49, 2年前 , 10F
鐵粉都不看介面的啦,不過還是推
07/10 20:49, 10F

07/10 20:49, 2年前 , 11F
07/10 20:49, 11F

07/10 20:50, 2年前 , 12F
這好像以前玩無名改排版
07/10 20:50, 12F
裝個套件就能用 比自己寫 html 或 css 還方便多了啦

07/10 20:50, 2年前 , 13F
這個好讚
07/10 20:50, 13F

07/10 20:50, 2年前 , 14F
07/10 20:50, 14F

07/10 20:51, 2年前 , 15F
太讚了吧==
07/10 20:51, 15F

07/10 20:51, 2年前 , 16F
收那麼多錢連個介面都做得跟屎一樣==
07/10 20:51, 16F
其實以前的 Gaming YouTube 就類似這種介面 但不知道為啥就收掉了……

07/10 20:53, 2年前 , 17F
推 不過是不是需要補一些ACG點 怕你被檢舉
07/10 20:53, 17F
有點怕 但我不知道要怎麼補

07/10 20:54, 2年前 , 18F
附的圖已經夠ACG了
07/10 20:54, 18F

07/10 20:54, 2年前 , 19F
推Y
07/10 20:54, 19F

07/10 20:55, 2年前 , 20F
實用推
07/10 20:55, 20F

07/10 20:56, 2年前 , 21F
推 太棒了
07/10 20:56, 21F

07/10 20:58, 2年前 , 22F
我竟然沒想到插件..
07/10 20:58, 22F

07/10 21:00, 2年前 , 23F
我有想到插件 但一直找不到。
07/10 21:00, 23F
我也是找了好幾個月才找到這個的 之前也有用過其他套件 or 腳本 都沒有這個來的完整

07/10 21:00, 2年前 , 24F
這太棒了 YT介面真的有夠
07/10 21:00, 24F

07/10 21:01, 2年前 , 25F
笑死 其實我習慣了 但你改一改我發現竟然有更好
07/10 21:01, 25F
人的慾望是會膨脹的  

07/10 21:05, 2年前 , 26F

07/10 21:05, 2年前 , 27F
也能用彈幕插件搭配
07/10 21:05, 27F

07/10 21:05, 2年前 , 28F
用youtube 關鍵字找根本找不到這個插件==
07/10 21:05, 28F

07/10 21:05, 2年前 , 29F
剛剛照著設定,發現新世界
07/10 21:05, 29F

07/10 21:06, 2年前 , 30F

07/10 21:06, 2年前 , 31F
最棒的是畫面比例的關係會比預設的劇院模式還大
07/10 21:06, 31F

07/10 21:06, 2年前 , 32F
這太棒了!!之前一直覺得看直播介面實在是很爛
07/10 21:06, 32F

07/10 21:06, 2年前 , 33F
推 感謝
07/10 21:06, 33F

07/10 21:10, 2年前 , 34F
推優文 感謝分享~
07/10 21:10, 34F

07/10 21:11, 2年前 , 35F
ahoy
07/10 21:11, 35F

07/10 21:12, 2年前 , 36F
舒服
07/10 21:12, 36F

07/10 21:19, 2年前 , 37F
感謝
07/10 21:19, 37F

07/10 21:20, 2年前 , 38F
優質,可惜公用電腦不方便裝,自己電腦掛了= =
07/10 21:20, 38F

07/10 21:22, 2年前 , 39F
07/10 21:22, 39F

07/10 21:27, 2年前 , 40F
馬上裝來用,這個裝下去真的好看多了
07/10 21:27, 40F

07/10 21:27, 2年前 , 41F
實用推
07/10 21:27, 41F

07/10 21:36, 2年前 , 42F
感謝分享
07/10 21:36, 42F

07/10 21:40, 2年前 , 43F
感謝分享
07/10 21:40, 43F

07/10 21:50, 2年前 , 44F
雖然你改的不錯 但是..YT的問題是聊天室會害PC LAG
07/10 21:50, 44F
聊天室可以用內文提到的 HyperChat 來稍微提速 or 降低負荷 或是直接用擋廣告套件擋掉 我目前就是直接擋掉(畢竟也看不懂日文聊天室

07/10 21:50, 2年前 , 45F
發現Edge也可以直接用 感謝
07/10 21:50, 45F
Edge 也是用 Chromium 改出來的 所以理論上也可以使用

07/10 21:58, 2年前 , 46F
太神啦
07/10 21:58, 46F

07/10 22:03, 2年前 , 47F
讚喔
07/10 22:03, 47F

07/10 22:05, 2年前 , 48F
yt系
07/10 22:05, 48F

07/10 22:12, 2年前 , 49F
感謝分享一生平安
07/10 22:12, 49F

07/10 22:23, 2年前 , 50F
超讚 超長邊寬螢幕浪費空間超多
07/10 22:23, 50F

07/10 22:32, 2年前 , 51F
話說HyperChat是原聊天室還是另外有裝插件的人的聊天室阿.
07/10 22:32, 51F
看起來像是把聊天室的介面簡化 我沒研究太深

07/10 22:34, 2年前 , 52F
如果用livestream套件然後把聊天室關掉,是單純不顯示
07/10 22:34, 52F

07/10 22:34, 2年前 , 53F
還是整個都不會載入啊?看不出來關掉有沒有降載...
07/10 22:34, 53F
應該只是暫時關掉而已

07/10 23:01, 2年前 , 54F
另外一款陽春版 youtube live filled up view
07/10 23:01, 54F

07/10 23:42, 2年前 , 55F
其實不管怎麼改 還是很吃資源 建議直接用VLC之類看
07/10 23:42, 55F

07/10 23:54, 2年前 , 56F
太讚了
07/10 23:54, 56F
※ 編輯: gcobc12632 (180.218.158.27 臺灣), 07/11/2021 00:04:42

07/11 00:06, 2年前 , 57F
推 感覺好用耶
07/11 00:06, 57F

07/11 00:10, 2年前 , 58F
分享推,搭配彈幕型聊天室很爽
07/11 00:10, 58F

07/11 00:22, 2年前 , 59F
這個有棒喔!
07/11 00:22, 59F

07/11 01:07, 2年前 , 60F
07/11 01:07, 60F

07/11 01:11, 2年前 , 61F
終於不會lag了推 可惜無法搭配彈幕插件
07/11 01:11, 61F

07/11 03:48, 2年前 , 62F
優文
07/11 03:48, 62F

07/11 04:06, 2年前 , 63F
07/11 04:06, 63F

07/11 04:12, 2年前 , 64F
推 感謝分享
07/11 04:12, 64F
文章代碼(AID): #1WwPOB_7 (C_Chat)