# **開台問題彙整QA** ## **TWITCH** ### **面板自訂** #### **關於** 將編輯自訂介面開啟 ![](https://i.imgur.com/ghp1awC.png) 介面編輯支援**Markdown**但【不】支援**HTML**(都是一種語法) 可點擊描述旁的**Markdown**字樣確認基本內容 ![](https://i.imgur.com/ngcS7at.png) **網址如下:** https://help.twitch.tv/s/article/markdown-basics?language=zh_TW ![](https://i.imgur.com/qiLIZfC.png) 內文上方為實際顯示並對應下方的格式調整及編碼(輸入方式) 呈現如下: ![](https://i.imgur.com/YjoFlEx.png) ![](https://i.imgur.com/VoMdrB2.png) ##### **相關QA** 在一些人的頁面可以看到類似貼圖顯示的圖檔,而且他好像有一些TWITCH沒有的貼圖? ![](https://i.imgur.com/yNpD2JX.png) 圖片內是Twitch的實況互動元件 Emotes Showcase ![](https://i.imgur.com/XSSgLsk.png) twitch內沒有的貼圖部分是使用了BBTV 先至 https://chrome.google.com/webstore/detail/betterttv/ajopnjidmegmdimjlfnijceegpefgped?hl=zh-TW 安裝這個功能的插件 https://betterttv.com/ 並至Better tv串流帳號 串流完成至頁面內上方尋找 Emotes ![](https://i.imgur.com/aVbSzzN.png) 點擊喜歡的貼圖 ![](https://i.imgur.com/SFKZhw2.png) 點選add to channel 便可在聊天室中使用 ### **創作者儀錶板** #### **內容** ##### **創意剪輯快手** 創作者儀表板,內容,創意剪輯快手,選定你的精華片段,旁邊的三個黑色點點,點選匯出,可以直接匯將此剪輯匯出至YT ![](https://i.imgur.com/1CUnxXm.png) #### **觀眾獎勵** ##### **忠誠點數** 觀眾在您的頻道上活動,就有機會獲得忠誠點數,並用點數兌換獎勵。 忠誠點數獲取方式如下圖: ![](https://i.imgur.com/hkIo8Gb.png) ##### **表情符號** ##### **掉寶** ##### **相關QA** **忠誠點數是不是最多觀看兩台會增加?還是其實多開分頁的話都會加?** 忠誠點數目前TWITCH是只有兩台沒錯。但不同裝置可以新開第三台,例如我先用電腦開啟兩台實況頁,並透過手機開啟第三個實況頁,會發現實際上三台都可以增加。 **為甚麼被揪團後台主們都會說收起降落傘?** 被揪團後會發現網頁上方的網址後方有**RAID**字樣 https://www.twitch.tv/XXX=raid 此時並不會被記錄進受揪團方的觀看人數,而觀看人數是影響到TWITCH過勾的評分標準之一,有要支持喜歡的實況主記得確認網址上方是否還有RAID字樣~! ## 指令設定儀錶板 ### Nightbot ### 如何將機器人加入頻道 https://nightbot.tv/ ![](https://i.imgur.com/3FRI60T.png) 登入並聯動Twitch帳號 ![](https://i.imgur.com/FNvsIOk.png) 點擊授權 ![](https://i.imgur.com/B5me1EW.png) 畫面中上位置尋找join channel 將機器人加入到自己的頻道中 ![](https://i.imgur.com/5iT3VAI.png) 點擊後會出現提示,告知需給此機器人mod權限才能運作,方式如圖 到自己頻道聊天室輸入 /mod nightbot (/mod指令為給特定人士管理者權限) ![](https://i.imgur.com/PVj04wE.png) 輸入完成後到聊天室右上角點擊社群 ![](https://i.imgur.com/oe1wdYE.png) 確認MOD內有nightbot,便可確認成功將機器人加入 #### **常用功能** ![](https://i.imgur.com/SZMbyoO.png) 左側長條為基本調整位置 ![](https://i.imgur.com/U6kab9O.png) 此處為指令設定的區域 CUSTOM為指令客製化位置 ![](https://i.imgur.com/aXr4H3Y.png) 點選ADD COMMAND #### **感謝揪團機器人設定方式** night bot 設定 commands->custom->add command ![](https://i.imgur.com/ryAmazw.png) Command: 觸發指令可自訂 這邊設定!so Message: 感謝 $(twitch $(touser) "{{displayName}}") 的揪團 大家快來追隨~ $(twitch $(touser) "{{url}}") 指令都可以更改但不熟悉的建議只更改 【感謝 的揪團 大家快來追隨~】這部分 注意使用時 請於 !so 後方輸入揪團過來那一位的英文id 如下 !so youcha0325 結果展示 ![](https://i.imgur.com/NLex8Vb.png) #### **點歌機器人設定方式** ### streamelements https://streamelements.com/ ![](https://i.imgur.com/iVez0TD.png) 點擊畫面右上LOGIN登入字樣後選擇要串連的平台 若畫面為英文 ![](https://i.imgur.com/ysfTjmC.png) 畫面右上點擊頭像後可切換為中文 ![](https://i.imgur.com/qKzN9SH.png) 畫面左側為一般會使用到的功能 ![](https://i.imgur.com/Qks3TEI.png) 點擊CHATBOT,聊天室指令進入頁面 ![](https://i.imgur.com/qR0dNDi.png) 該機器人已有預設指令可供勾選,可自行確認需求功能 點擊右側自訂指令後如下畫面 ![](https://i.imgur.com/I9Ut7xC.png) ![](https://i.imgur.com/mzNl4cm.png) 將ADD NEW COMMAND按鈕按下 ![](https://i.imgur.com/46LWU1M.jpg) 綠框內容大致展示,如果選擇訂閱者就只有訂閱者能輸入此指令 ![](https://i.imgur.com/9jXwRzd.png) 下圖為範例 ![](https://i.imgur.com/NxOvzeP.png) 實際聊天室展示 ![](https://i.imgur.com/vJibOz4.png) ### streamlabs https://streamlabs.com/ ##### **相關QA** **除了台主MOD可以設定指令嗎?** MOD開賭盤直接聊天室斜線poll就好 ## 常用開台程式 ### OBS https://obsproject.com/ ### streamlabs https://streamelements.com/ ## DC串聯語音說話閃爍圖片(連動用) https://reactive.fugi.tech/ https://hackmd.io/@f6bfb5/Hk3HU8kUI ### **Reactive** https://reactive.fugi.tech/ 使用方式如下網址 https://vegbao.com/note/note.php?id=2&n=5 ## 使聊天室表情號可彈來彈去的方法 https://streamlabs.com/widgets/emote-wall?token=BB69FA464B69FD4C84EE ![](https://i.imgur.com/70J1KeK.png) 確認已啟用或Enabled 已勾選開啟 至頁面尋找Widget URL或小部件超連結,將連結複製到OBS ![](https://i.imgur.com/hRMUKfA.png) 於來源下方案加號新增瀏覽器 ![](https://i.imgur.com/4axqARf.png) ![](https://i.imgur.com/flGA45I.png) 隨意命名 ![](https://i.imgur.com/Bs5BeJi.png) 網址列貼上剛剛複製的Widget URL或小部件超連結 ## 看到有人在twitch玩丟東西到LIVE 2D上? 參照自 https://twitter.com/joy224961632/status/1526610010935291904 ## DC機器人建置方式(於推特發文後會在選定的DC頻道推送通知) ### 步驟一 點擊DC伺服器左上方的名稱顯示下拉選單 ![](https://i.imgur.com/7WNs7MB.png) ![](https://i.imgur.com/ZTA1Ky8.png) ### 步驟二 點擊進入DC伺服器設定 ![](https://i.imgur.com/yP4iJrM.jpg) ### 步驟三 點選左側行列整合 ![](https://i.imgur.com/nzqoAJ3.jpg) ### 步驟四 進入整合畫面點擊WEBHOOK圖標 ![](https://i.imgur.com/GWtDt3D.jpg) ### 步驟五 點擊新Webhook圖標開始建立dc機器人 ![](https://i.imgur.com/X2sfjYb.jpg) ### 機器人建立後如下,可自訂更改頭貼及機器人名稱,並設定好推播通知的頻道 ![](https://i.imgur.com/gguUhFS.jpg) ![](https://i.imgur.com/B29DUVZ.jpg) 範例: ![](https://i.imgur.com/h066ucg.png) ### 步驟七 設定完成後點選複製webhook網址 【記住這個網址接下來會用到】 ![](https://i.imgur.com/8VwE5yi.jpg) ## 開啟IFTTT網頁 https://ifttt.com/ ### 登入方式 點選右上角【LOG IN】登入 ![](https://i.imgur.com/YwMQbV0.jpg) 可使用GOOGLE或其他方式登入,如以上登入方式都不想要可自行創建帳號 ![](https://i.imgur.com/8XiyVCl.jpg) ![](https://i.imgur.com/QHkHNqN.png) ## 建置方式 ### 步驟一 登入後點選右上角【Create】開始製作 ![](https://i.imgur.com/CYi3C5m.jpg) ### 步驟二 點選【IF THIS】 ![](https://i.imgur.com/ZSZBFy8.jpg) ### 步驟三 選取想要感應的帳號(本篇以推特為例) 於搜尋框內輸入【twitter】 ![](https://i.imgur.com/Cnf1NZh.jpg) ### 步驟四 點選【New tweet by a specific user】可透過 ctrl+f 功能加速找尋 ![](https://i.imgur.com/HzMXzfj.jpg) ### 步驟五 於 username to watch 欄位內填入追蹤的帳號 這個帳號會連同轉推及回文都導入至推dc推播內,為避免過於嘈雜以及內容不明確,一般建議開設一個小帳推特專門轉發原帳號內容 ![](https://i.imgur.com/m6RBrPZ.jpg) 推送的id可在推特的個人資料中找尋到(不需要@) ![](https://i.imgur.com/LHSx1AU.jpg) 確認id正確後點選【create trigger】 ![](https://i.imgur.com/Pug3ord.jpg) ### 步驟六 點選【Then that】 ![](https://i.imgur.com/Jao71iI.jpg) ### 步驟七 選取想要推送的社群(本篇dc串聯的webhooks為例) 於搜尋框內輸入【webhooks】 ![](https://i.imgur.com/RurRloR.jpg) ![](https://i.imgur.com/e1VmkAc.jpg) ### 步驟八 點選【Make a web request】可透過 ctrl+f 功能加速找尋 ![](https://i.imgur.com/fObUxX6.jpg) ### 步驟九 填入設定資料 #### URL【此處請填入先前從DC整合內複製的webhook網址】 #### Method 選擇 post / Content Type 選擇 application/json ![](https://i.imgur.com/ajGA8cH.jpg) ### 步驟十一 Body內文興建 ![](https://i.imgur.com/8ZRJRYw.jpg) 可複製內文如下 { "username":"機器人ID", "content":" 附帶的話 : {{LinkToTweet}}" } ### 步驟十二 確認及測試機器人是否設置成功 ![](https://i.imgur.com/qLTv7G5.png) ![](https://i.imgur.com/iAfTr3y.jpg) ![](https://i.imgur.com/I1rGtpd.jpg) ![](https://i.imgur.com/t5fuIIh.jpg) ## onecomme聊天室串聯obs ### 應備妥事項 #### onecomme CSS設定網頁 https://onecomme.com/generator/templates/3_2 #### onecomme 應用程式 https://onecomme.com/ ### 使用方式 onecomme CCS設定網頁可挑選喜歡的樣式 #### 步驟一 開啟onecomme CCS設定網頁 可透過GOOGLE內鍵方式翻譯中文 ![](https://i.imgur.com/og5VnpI.jpg) #### 步驟二 確認會串連的平台,此處以twitch及youtube為例 ![](https://i.imgur.com/vQW9bbL.jpg) #### 步驟三 於左側大區塊自訂樣式/版面/文字顏色/圖案顯示大小等,右側大畫面可確認更改後狀況 ![](https://i.imgur.com/keP90WC.jpg) #### 步驟四 將修訂後的ccs語法複製(之後會用到) ![](https://i.imgur.com/slPHyg1.jpg) #### 步驟五 再次確認使用的模板為何(之後會選取到) ![](https://i.imgur.com/MQDAFS4.jpg) #### 步驟六 開啟onecomme應用程式與平台串聯 左上角位置選取新增 ![](https://i.imgur.com/NFaFwRl.jpg) 聊天室名稱可自行登打 ![](https://i.imgur.com/TPYE7Tq.jpg) #### 步驟七 尋找串流平台聊天室的網址 ![](https://i.imgur.com/69JMRxi.jpg) 該處可貼上串流的網址,找尋方式如附圖 【Twitch】 ![](https://i.imgur.com/KqT1895.jpg) ![](https://i.imgur.com/ZbI0Qif.jpg) 【Youtube】 ![](https://i.imgur.com/5gpeAHL.jpg) #### 步驟八 將頻道網址填入直播網址位置 ![](https://i.imgur.com/aY0Gw9Y.jpg) #### 步驟九 將串聯按鈕打開 ![](https://i.imgur.com/4r3IP50.jpg) #### 步驟十 確認串聯完成 至聊天室隨意登打文字 ![](https://i.imgur.com/lNqBDXa.jpg) 成功串聯文字會一併顯示到onecomme應用程式的留言位置 ![](https://i.imgur.com/ZXkRt4S.jpg) #### 步驟十一 將onecomme應用程式及網頁登入進obs顯示 點選右上角【...】顯示選單 ![](https://i.imgur.com/ixpwMaB.jpg) 選擇模板 ![](https://i.imgur.com/dfDxTV9.jpg) 確認使用的模板並提取網址 【參照自步驟五】,此處以cool pop為例 ![](https://i.imgur.com/HDbWOIy.jpg) 點選移至方塊 ![](https://i.imgur.com/pv6zWdN.jpg) ![](https://i.imgur.com/fuv3iLA.jpg) #### 步驟十二 複製onecomme聊天室網頁網址 ![](https://i.imgur.com/tbZY6vV.jpg) #### 步驟十三 開啟obs並建立聊天室 查看畫面左下方來源位置 ![](https://i.imgur.com/lNNnUe8.jpg) 點選【+】並點擊【新增瀏覽器】 ![](https://i.imgur.com/dm3KQeT.jpg) ![](https://i.imgur.com/rFyWVxk.jpg) #### 步驟十四 將obs聊天事設定完全 建立來源處可隨意取名後點選確定 ![](https://i.imgur.com/NIkzUZY.jpg) 輸入網址列內容【參照自步驟十二】 ![](https://i.imgur.com/M9868BR.jpg) 輸入css內容【參照自步驟四的css內容】 ![](https://i.imgur.com/YfP8yRy.jpg) #### 步驟十五 畫面顯示的聊天室成功與onecomme串聯 ![](https://i.imgur.com/dTBCn8q.jpg)