PTT推薦

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

看板C_Chat標題[推薦] Youtube直播介面改造(仿Twitch作者
gcobc12632
(Ted)
時間推噓52 推:52 噓:0 →:12

直接上圖

改造前:
https://i.imgur.com/nLWUCAm.png

圖https://i.imgur.com/nLWUCAm.png?e=1667332329&s=FYlmQHgWIZuQnnADBp44Og, Youtube直播介面改造(仿Twitch

預設模式無用空白處太多 改劇院模式聊天室又會被擠下去 觀看體驗實在很差


改造後:
https://i.imgur.com/OHk8Gyp.png

圖https://i.imgur.com/OHk8Gyp.png?e=1667361044&s=mcU1ZQHm15qnDmCYcH8h1A, Youtube直播介面改造(仿Twitch

將影片及聊天室塞滿整個畫面 沒有任何一絲浪費的空間


靠的就是這個瀏覽器套件: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/5wbdGyk.png?e=1667330507&s=EZSNvgKZrTE6Ef3PaUuQhg, Youtube直播介面改造(仿Twitch

或是乾脆把聊天室改到左邊:
https://i.imgur.com/PLfd8oU.png
圖https://i.imgur.com/PLfd8oU.png?e=1667364954&s=PenvX8lZ2dPgxV_qrN8OpA, Youtube直播介面改造(仿Twitch


他的設定頁也有很多東西可以自訂
https://i.imgur.com/1xlpYRk.png

圖https://i.imgur.com/1xlpYRk.png?e=1667319911&s=bfAspjE2bLSVrc8MJsV88g, Youtube直播介面改造(仿Twitch

一、進入 Theater Mode 時自動轉為黑暗模式(不過現在大家應該都預設黑暗模式了吧

二、調整聊天室及嵌入聊天室的寬度(我都調最小

三、當你滑鼠移到影片時 會自動顯示影片描述

  或 只顯示小型 icon 將滑鼠移過去才顯示影片描述(我是用這個

四、設定自動進入 Theater Mode 的快捷鍵(我是沒有設定啦


有個小問題是 這個套件在將你開始 Theater Mode 時 是會自動開啟聊天室的

然後 YouTube 聊天室讀取久了就會變得很慢

要解決 YouTube 聊天室卡頓 可以參考這篇文章的腳本 #1XP4TYtR (C_Chat)


如果你根本不想看 YouTube 的聊天室

可以使用擋廣告套件 並在自訂過濾規則加上這一行

www.youtube.com###content-pages

這樣 YouTube 的聊天室就會被當成廣告擋下來 完全不會被載入了


當然以上套件是相容於版友所寫的:Youtube 聊天室顯示PTT推文
https://greasyfork.org/scripts/418469

示意圖:
https://i.imgur.com/7rTbzoB.png

圖https://i.imgur.com/7rTbzoB.png?e=1667340822&s=FemRdpwrgl7vYIfw-jkcOg, Youtube直播介面改造(仿Twitch


但有個小BUG是 當你同時使用這兩種的時候

PTT的聊天室會變得無法打字 or 反白

要先解除劇院模式才能恢復 還請斟酌使用


最後還推薦一個 當你沒在看直播 而是看其他影片的時候

通常會開啟劇院模式:
https://i.imgur.com/nwYiuyT.png

圖https://i.imgur.com/nwYiuyT.png?e=1667315589&s=5w-ty6LHii5AzGQajrSyig, Youtube直播介面改造(仿Twitch

但無用空間還是太多 而且頂部的標題列真的很醜


這時可以裝 Maximizer For YouTube™
https://greasyfork.org/scripts/33243

示意圖:
https://i.imgur.com/St52ZRz.png

圖https://i.imgur.com/St52ZRz.png?e=1667302658&s=Jwd5g8myFjbObFvu_cttOw, Youtube直播介面改造(仿Twitch

除了隱藏標題列之外 也會將影片放大到佔滿螢幕 觀看體驗更佳

個人也是滿推薦的


至於 greasyfork 的安裝方法

需要先安裝暴力猴或 Tampermonkey 等腳本管理套件

詳細可以參考版友所寫的:Youtube 聊天室顯示PTT推文 內的教學
https://greasyfork.org/scripts/418469


這篇文章想寫很久了 但都一直很懶

今天剛好看到有人在討論 Twitch 跟 YouTube 的直播介面差異

就趁這個時候分享給大家了

希望大家之後都會有更好的 YouTube 觀看體驗

--
By ALi Project グランギニョル

               仏語で「操り人形」または「人形劇」を指す。      普通は19世紀末のパリに実在した劇場「グラン・ギニョル座」を指す。

 この劇場では人形の代わりに人間が出演し,残酷でエロチックな恐怖劇を演じた。

--

※ PTT留言評論
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.218.158.27 (臺灣)
PTT 網址

jay123peter07/10 20:44分享推

dennisdecade07/10 20:45這畫面一整個舒服

CCNK07/10 20:463Q

Annulene07/10 20:46推實作

qqq6071007/10 20:46推…每次都覺得預設介面有夠痛苦

x215967907/10 20:46想要彈幕影響畫面的話可以載Dmooji

CCNK07/10 20:47有彈幕化插件

x215967907/10 20:48有比Dmooji好的彈幕嗎

showwhat207/10 20:49推個,謝謝分享!

labbat07/10 20:49鐵粉都不看介面的啦,不過還是推

hedgehogs07/10 20:49

ga65220607/10 20:50這好像以前玩無名改排版

裝個套件就能用 比自己寫 html 或 css 還方便多了啦

lianguo0810807/10 20:50這個好讚

pdchen121807/10 20:50

m363399807/10 20:51太讚了吧==

m363399807/10 20:51收那麼多錢連個介面都做得跟屎一樣==

其實以前的 Gaming YouTube 就類似這種介面 但不知道為啥就收掉了……

putingcat07/10 20:53推 不過是不是需要補一些ACG點 怕你被檢舉

有點怕 但我不知道要怎麼補

hedgehogs07/10 20:54附的圖已經夠ACG了

THEKYLE07/10 20:54推Y

wsung07/10 20:55實用推

aa901207/10 20:56推 太棒了

only5709207/10 20:58我竟然沒想到插件..

aa901207/10 21:00我有想到插件 但一直找不到。

我也是找了好幾個月才找到這個的 之前也有用過其他套件 or 腳本 都沒有這個來的完整

Ghosta07/10 21:00這太棒了 YT介面真的有夠

spfy07/10 21:01笑死 其實我習慣了 但你改一改我發現竟然有更好

人的慾望是會膨脹的  

x215967907/10 21:05https://i.imgur.com/W3Jkeig.png

圖https://i.imgur.com/W3Jkeig.png?e=1667320788&s=6EwtqMjivfa0km6-wrMsIA, Youtube直播介面改造(仿Twitch

x215967907/10 21:05也能用彈幕插件搭配

aa901207/10 21:05用youtube 關鍵字找根本找不到這個插件==

JunShyang07/10 21:05剛剛照著設定,發現新世界

x215967907/10 21:06https://i.imgur.com/C0rcQvd.png

圖https://i.imgur.com/C0rcQvd.png?e=1667352241&s=a9ZET6Ro6Pl7FD_Co1Au7g, Youtube直播介面改造(仿Twitch

x215967907/10 21:06最棒的是畫面比例的關係會比預設的劇院模式還大

alex2569407/10 21:06這太棒了!!之前一直覺得看直播介面實在是很爛

WingSSSS07/10 21:06推 感謝

duke916607/10 21:10推優文 感謝分享~

jeff23571107/10 21:11ahoy

herbleng07/10 21:12舒服

yes321no07/10 21:19感謝

xkiller190007/10 21:20優質,可惜公用電腦不方便裝,自己電腦掛了= =

bobby475507/10 21:22

moritsune07/10 21:27馬上裝來用,這個裝下去真的好看多了

EternalK07/10 21:27實用推

j17ay199107/10 21:36感謝分享

GGINDOWBOW07/10 21:40感謝分享

wild201207/10 21:50雖然你改的不錯 但是..YT的問題是聊天室會害PC LAG

聊天室可以用內文提到的 HyperChat 來稍微提速 or 降低負荷 或是直接用擋廣告套件擋掉 我目前就是直接擋掉(畢竟也看不懂日文聊天室

th11yh2307/10 21:50發現Edge也可以直接用 感謝

Edge 也是用 Chromium 改出來的 所以理論上也可以使用

OLdk112307/10 21:58太神啦

thibw13ug107/10 22:03讚喔

WindSucker07/10 22:05yt系

Oieln07/10 22:12感謝分享一生平安

doumaxwell07/10 22:23超讚 超長邊寬螢幕浪費空間超多

chu63007/10 22:32話說HyperChat是原聊天室還是另外有裝插件的人的聊天室阿.

看起來像是把聊天室的介面簡化 我沒研究太深

moritsune07/10 22:34如果用livestream套件然後把聊天室關掉,是單純不顯示

moritsune07/10 22:34還是整個都不會載入啊?看不出來關掉有沒有降載...

應該只是暫時關掉而已

joy12345tony07/10 23:01另外一款陽春版 youtube live filled up view

x94fujo607/10 23:42其實不管怎麼改 還是很吃資源 建議直接用VLC之類看

aegis9108607/10 23:54太讚了

lemon504307/11 00:06推 感覺好用耶

kafing8907/11 00:10分享推,搭配彈幕型聊天室很爽

berice15223307/11 00:22這個有棒喔!

newd91707/11 01:07

loxa8703607/11 01:11終於不會lag了推 可惜無法搭配彈幕插件

joewang8507/11 03:48優文

dolanmin07/11 04:06

yoyo337907/11 04:12推 感謝分享

※ 編輯: gcobc12632 (180.218.158.27 臺灣), 10/12/2021 00:00:56