OBS的用途真的很多,可以螢幕錄影也可以直播,甚至還能轉場跟放入一些文字圖片等等,今天要來分享如何利用它在Youtube上面進行直播!
重要資訊:
由於OBS版本更新的關係,串流服務的部分請改選 Youtube - HLS 這個選項喔!
CSS下載:https://drive.google.com/file/d/1VI0w8wW9hmIYBPNSbXJJ1oCi6jCLz022/view
00:00 影片簡介
00:23 如何在Youtube建立直播
03:19 OBS如何串流Youtube
04:01 如何把聊天室內容放到直播螢幕上
06:18 如何把聊天室的底色變成透明的
08:22 如何開始直播
09:26 補充說明
👉訂閱分享家-羽的頻道 https://tinyurl.com/subshareryu
👉前往分享家-羽的副頻道【羽倫同樂日常】https://tinyurl.com/yulenvlog
👉前往分享家-羽的粉專 https://www.facebook.com/HappySharerYu/
======================================================
其他分享家-羽的影片系列:
💡知識技巧系列
分享3C或生活中實用的知識、技巧與經驗。
https://tinyurl.com/sg3w25o
🔎開箱評測與使用心得系列
分享各種商品的開箱、評測以及使用心得等影片。
https://tinyurl.com/tqjpv75
🚗旅遊與食記系列
分享旅遊或食記相關Vlog以及旅遊相關的知識、技巧或資訊等等。
https://tinyurl.com/rtpc4a3
📢就是要分享系列
分享我覺得有價值但又不知道如何歸類的影片。
https://tinyurl.com/rp3h47r
🏨羽的住宿經驗系列
分享各種自己住過的飯店、旅社、民宿等等。
https://tinyurl.com/uto3ngh
📜全部播放清單列表
其他沒有列出來的清單都在這邊!
https://tinyurl.com/s8rmtk8
======================================================
✉合作邀約請洽粉專或來信 singiamagic@gmail.com
#OBS #EP4 #直播
「youtube聊天室css」的推薦目錄:
- 關於youtube聊天室css 在 分享家-羽 Youtube 的最讚貼文
- 關於youtube聊天室css 在 諳石 Anseki Ch. Youtube 的最佳解答
- 關於youtube聊天室css 在 諳石 Anseki Ch. Youtube 的最佳解答
- 關於youtube聊天室css 在 [問題] youtube聊天室無法顯示在OBS上- 看板Live - 批踢踢實業坊 的評價
- 關於youtube聊天室css 在 [問題] youtube聊天室無法顯示在OBS上- 看板Live - 批踢踢實業坊 的評價
- 關於youtube聊天室css 在 2022NEW!聊天室CSS 將YT和Twitch的聊天室變好看| 深空眠 的評價
- 關於youtube聊天室css 在 【實況精華】聊天室CSS - YouTube 的評價
- 關於youtube聊天室css 在 【#程式】Vol. 2: 從零開始的Youtube 聊天室CSS 語法設定教學 的評價
- 關於youtube聊天室css 在 【聊天室去背】新介面Youtube Studio聊天室去背~直播必備 ... 的評價
- 關於youtube聊天室css 在 在OBS實況中插入YouTube聊天室 - 小學霸 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css | 易播5max ptt 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css | 易播5max ptt 的評價
- 關於youtube聊天室css 在 obs youtube聊天室css、obs教學 - 汽車零件保養懶人包 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css & 天國拯救ps4 中文 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css # subway surfers 电脑版 的評價
- 關於youtube聊天室css 在 youtube聊天室css 相關資訊 - 哇哇3C日誌 的評價
- 關於youtube聊天室css 在 2022youtube聊天室css樣式-大學國高中升學考試資訊 的評價
- 關於youtube聊天室css 在 查詢關聯標籤: youtube聊天室css - 遊戲社群推薦指南 的評價
- 關於youtube聊天室css 在 「Soobi線上課」0603 - OBS串流Youtube直播教學 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css : 鯊魚破解版 的評價
- 關於youtube聊天室css 在 【OBS】透過Streamlabs 打造與觀眾互動的聊天室與訂閱資訊 的評價
- 關於youtube聊天室css 在 如果你是實況主可以去看一下, 由Zer0br1ne 整合的直播聊天室 ... 的評價
- 關於youtube聊天室css 在 youtube聊天室css的影片第1集 的評價
- 關於youtube聊天室css 在 OBS 的點歌台教學包含YouTube直播聊天室去背 的評價
- 關於youtube聊天室css 在 【小熊】閒聊精華- CSS大戰/聊天室放假還要上班?TWITCH ... 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css : hitman 47 2007線上看 - Dropbox 下載中文 的評價
- 關於youtube聊天室css 在 調整YouTube 直播介面外掛YouTube Livestreams Theater Mode 的評價
- 關於youtube聊天室css 在 youtube聊天室語法– youtube 聊天室css - Delhcat 的評價
- 關於youtube聊天室css 在 利用OBS直播軟體進行YouTube直播,還可以在畫面上顯示 ... 的評價
- 關於youtube聊天室css 在 執行於youtube.com 的使用者腳本 - Greasy Fork 的評價
- 關於youtube聊天室css 在 [推薦] Youtube直播介面改造(仿Twitch - c_chat - PTT動漫區 的評價
- 關於youtube聊天室css 在 [推薦] Youtube直播介面改造(仿Twitch - c_chat - PTT動漫區 的評價
- 關於youtube聊天室css 在 Youtube 聊天室css ~ 導航王ios 破解 的評價
- 關於youtube聊天室css 在 youtube直播聊天室在PTT/mobile01評價與討論 - 速食 的評價
- 關於youtube聊天室css 在 youtube直播聊天室在PTT/mobile01評價與討論 - 速食 的評價
- 關於youtube聊天室css 在 youtube直播聊天室在PTT/mobile01評價與討論 - 速食 的評價
- 關於youtube聊天室css 在 如何在網頁編輯中插入YouTube - 數位果子 的評價
- 關於youtube聊天室css 在 WordPress 如何嵌入響應式YouTube 影片- iT 邦幫忙 的評價
- 關於youtube聊天室css 在 [推薦] Youtube直播介面改造(仿Twitch - ACG板- Disp BBS 的評價
- 關於youtube聊天室css 在 Streamlabs 聊天室& 請命令提督sama - Youtube 下載網頁 的評價
- 關於youtube聊天室css 在 實況主必看?!簡單快速的OBS聊天室教學!Youtube跟Twitch ... 的評價
- 關於youtube聊天室css 在 youtube聊天室css – 豆豆聊天室 - Puncuh 的評價
- 關於youtube聊天室css 在 [Vtub] YT聊天室顯示PTT推文更新說明20210131 | C_Chat 看板 的評價
- 關於youtube聊天室css 在 youtube聊天室去背css 2019 - Vonline 的評價
- 關於youtube聊天室css 在 youtube聊天室去背css 2019 - WFG 的評價
- 關於youtube聊天室css 在 [推薦] Youtube直播介面改造(仿Twitch - C_Chat 的評價
- 關於youtube聊天室css 在 [推薦] Youtube直播介面改造(仿Twitch - C_Chat 的評價
- 關於youtube聊天室css 在 如何將YouTube直播留言變成彈幕畫面? - T客邦 的評價
- 關於youtube聊天室css 在 youtube聊天室css - Johnyi 的評價
- 關於youtube聊天室css 在 obs youtube 直播Youtube直播教學2020 - Txbnx 的評價
- 關於youtube聊天室css 在 youtube 聊天室css 每個網頁其實都是一個單獨的聊天室– Soikids 的評價
- 關於youtube聊天室css 在 youtube聊天室css 想做一個(趣味>商業)小產品 的評價
- 關於youtube聊天室css 在 youtube聊天室語法 - Hamsiaxi 的評價
- 關於youtube聊天室css 在 youtube聊天室去背 的評價
- 關於youtube聊天室css 在 「youtube chat css」懶人包資訊整理(1) - 蘋果健康咬一口 的評價
- 關於youtube聊天室css 在 youtube聊天室 - Phantom Public 的評價
- 關於youtube聊天室css 在 Youtube直播結束後聊天室無法在重播時出現- Mobile01 的評價
- 關於youtube聊天室css 在 Youtube直播結束後聊天室無法在重播時出現- Mobile01 的評價
- 關於youtube聊天室css 在 obs youtube 聊天室– 豆豆聊天室 - Biniang 的評價
- 關於youtube聊天室css 在 直播教學系列2 簡單快速學會顯示twitch追隨和聊天室Youtube 的評價
- 關於youtube聊天室css 在 111年數位科技概論與應用完全攻略[升科大四技] 的評價
youtube聊天室css 在 諳石 Anseki Ch. Youtube 的最佳解答
★-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-★
包含1、2集所有問題、改版後的差異、小技巧
未來小教室會有OBS進階教學!
Youtube 聊天室 CSS : https://goo.gl/JyWb1S
Twitch 聊天室 CSS : https://goo.gl/sQeVqZ
CSS DIY網站 : https://chatv2.septapus.com/
★-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-★
⇀ 關於影片 ↼
【黑歷史】- 早期實況品質很糟,想欣賞我的過去,有心理準備再服用(´・ω・`)。
【紀錄檔】- 中期實況有切割影片,聲音與背景音品質稍微提升,實況較成熟。
【實況剪輯】- 現在卡關口吃會剪除,影片品質較為舒服流場,對觀眾身心....(゚∀゚)。
⇀ 關於諳石 ↼
【粉絲專頁】http://www.facebook.com/Anstone5769
【實況網址】http://www.twitch.tv/anstone5769
【實況網址】https://www.youtube.com/channel/UCY3SeRGl6ty0I4DqVeZ5f0Q/videos?disable_polymer=true
【實況團體】辣椒湯工作室 : https://www.facebook.com/chililiveshop
★-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-★
大家好我是諳(ㄢ)石。
我在Twitch、Youtube開台,實況結束後會在 Youtube 放實況剪輯影片 ,
實況內容以恐怖RPG為主、恐怖3D遊戲、麥塊與其他遊戲。
謝謝你點進來收看我的頻道,有任何建議、問題或是有想看的遊戲
歡迎留言或是到粉絲團傳訊息給我,如果喜歡我的影片請幫我在
Youtube按個訂閱,Twitch按個追隨追蹤我喔^^
★-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-★
youtube聊天室css 在 諳石 Anseki Ch. Youtube 的最佳解答
請大家看2018最新版本喔!
https://www.youtube.com/watch?v=Z_iUKT69hmg
CSS 網址更新 : https://docs.google.com/document/d/1MJsmGmcI9pAQoH9PqxMNcD8-5lJIfvXvW8CiqyGd0_s/edit?usp=sharing
雷神小喵喵教學 https://forum.gamer.com.tw/Co.php?bsn=17532&sn=3711955
YOUTUBE 聊天室請看留言區置頂文
關於諳石
粉絲專頁 : http://www.facebook.com/Anstone5769
實況網址 : http://www.twitch.tv/anstone5769
實況團體 辣椒湯工作室 : https://www.facebook.com/chililiveshop
—————————————————————————————————————
大家好我是諳(ㄢ)石。
主要在Twitch開台,Youtube 放紀錄檔與少數創作影片。
實況恐怖遊戲為主、RPG、麥塊、獨立創作遊戲、Steam等等。
—————————————————————————————————————
很開心你來收看我的頻道,有任何建議、問題或是有想看的遊戲
歡迎直接留言或是到粉絲團傳訊息給我喔,如果喜歡我的影片
請幫我Youtube按個訂閱,到Twitch按個追隨鼓勵我喔^^
youtube聊天室css 在 [問題] youtube聊天室無法顯示在OBS上- 看板Live - 批踢踢實業坊 的推薦與評價
本魯OBS為17.0.0版 (不知道為甚麼安裝17.0.2最後一步驟會遇到問題
之後開啟後又會回到17.0.0版) 所以繼續用17.0.0
現在問題是怎麼讓聊天室再度打在OBS上?
原本網路上爬文找到語法 也順利把聊天室含去背顯示在OBS上 結果某次開機後就沒了
本魯方法是 "來源" 新增 "BrowserSource" URL複製
"在彈出是視窗中開啟即時留言版"中的網址
不能顯現訂閱人數和訂閱動畫就算了 希望聊天室還能用 當作與朋友聊天的紀錄
請幫我看看該怎麼辦 謝謝
CSS是複製以下
body {
background-color: transparent !important;
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px
#000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px
#000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px
#000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px
-1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px
#000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Laila";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow:hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo { width: 25px
!important;
height: 25px !important;
border-radius: 25px !important;
margin-right: 6.25px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp { color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer
yt-live-chat-author-badge-renderer[type="owner"] {
color: #FFCC33 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer
yt-live-chat-author-badge-renderer[type="moderator"] {
color: #FF9966 !important;
}
yt-live-chat-text-message-renderer #author-name[type="member"],
yt-live-chat-text-message-renderer
yt-live-chat-author-badge-renderer[type="member"] {
color: #FF9966 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* Fan Funding Messages. */
yt-live-chat-legacy-paid-message-renderer #event-text {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #00ffff !important;
margin: 4px 0 !important;
padding: 4px !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
到上面這串網址
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.38.146.217
※ 文章網址: https://www.ptt.cc/bbs/Live/M.1486637069.A.670.html
... <看更多>
youtube聊天室css 在 2022NEW!聊天室CSS 將YT和Twitch的聊天室變好看| 深空眠 的推薦與評價
深空眠#台灣Vtuber #TWvtuber #ChatCSS # CSS #YT 聊天室 #Twitch 聊天室 # 聊天室 去背YT CSS 網站1.日文版 CSS -http://css4obs.starfree.jp/2. ... <看更多>
youtube聊天室css 在 [問題] youtube聊天室無法顯示在OBS上- 看板Live - 批踢踢實業坊 的推薦與評價
本魯OBS為17.0.0版 (不知道為甚麼安裝17.0.2最後一步驟會遇到問題
之後開啟後又會回到17.0.0版) 所以繼續用17.0.0
現在問題是怎麼讓聊天室再度打在OBS上?
原本網路上爬文找到語法 也順利把聊天室含去背顯示在OBS上 結果某次開機後就沒了
本魯方法是 "來源" 新增 "BrowserSource" URL複製
"在彈出是視窗中開啟即時留言版"中的網址
不能顯現訂閱人數和訂閱動畫就算了 希望聊天室還能用 當作與朋友聊天的紀錄
請幫我看看該怎麼辦 謝謝
CSS是複製以下
body {
background-color: transparent !important;
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px
#000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px
#000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px
#000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px
-1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px
#000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Laila";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items{
overflow:hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author-photo,
yt-live-chat-legacy-paid-message-renderer #author-photo { width: 25px
!important;
height: 25px !important;
border-radius: 25px !important;
margin-right: 6.25px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author-badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp { color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author-name[type="owner"],
yt-live-chat-text-message-renderer
yt-live-chat-author-badge-renderer[type="owner"] {
color: #FFCC33 !important;
}
yt-live-chat-text-message-renderer #author-name[type="moderator"],
yt-live-chat-text-message-renderer
yt-live-chat-author-badge-renderer[type="moderator"] {
color: #FF9966 !important;
}
yt-live-chat-text-message-renderer #author-name[type="member"],
yt-live-chat-text-message-renderer
yt-live-chat-author-badge-renderer[type="member"] {
color: #FF9966 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author-name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* Fan Funding Messages. */
yt-live-chat-legacy-paid-message-renderer #event-text {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #00ffff !important;
margin: 4px 0 !important;
padding: 4px !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
到上面這串網址
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.38.146.217
※ 文章網址: https://www.ptt.cc/bbs/Live/M.1486637069.A.670.html
... <看更多>