BABANANA Chat 金剛直播聊天室截取工具

這裡是金剛直播聊天室截取工具 :banana: BABANANA Chat :banana: 的說明文件。 這個聊天室頁面可使用==OBS擷取==或是==網頁瀏覽器直接觀看==,細節請觀看下方說明。 :::info 如果有更新改版,更新訊息都會寫在這個說明頁面。 使用上只要重新整理網頁就能更新。 註: OBS的網頁暫存檔(cache)有時候會卡比較久,要多重新整理幾次才會正常更新。 :::

:fries: 說明文件 / 教學

使用網址:

使用畫面: 金剛直播聊天室截取工具

示範影片: {%youtube MGY24cVaeOg %}

:ramen: 使用方法

  1. 首頁輸入框中輸入你的==金剛直播編號==
  2. 或是直接在網址#後面加上你的==金剛直播編號== (桌機的話請用最新版本的Chrome或是Firefox來開,以確保功能有完整支援到)

例如這是你的實況網址: https://www.kingkong.com.tw/2426076 只要把網址後的數字2426076加到#後面就可以直接觀看金剛直播的聊天室了 https://banana.eotones.net/#2426076 (瀏覽器直接觀看用) https://banana.eotones.net/t/#2426076 (OBS專用)

:::warning 每次實況開播重開後聊天室的房號都會改變,請重新整理聊天室網頁以進入新的聊天室 :::

[可以使用的場合]

  1. OBS 的 Browser Source - 嵌入顯示在實況畫面上 ==(建議使用去背透明版)==
  2. 直接使用瀏覽器觀看聊天室(電腦桌機或是手機都可使用) ==(建議使用黑底版)==
    • 這可以給電腦沒雙螢幕的人直接用手機看聊天室
      • Android開發人員選項裡有個充電中螢幕就不會休眠的選項能開(開法請自行Google喔)
    • 使用==Chrome瀏覽器==可以到右上角設定開啟語音讀聊天室功能,這樣就不用一直盯著聊天室看
      • 語音功能只有黑底版有,目前語音只支援Chrome瀏覽器(Android上的Chrome也可以)
    • 戶外使用
      • 戶外使用語音功能時建議搭配耳機使用比較不會吵到人
  3. 嵌入支援網頁圖層的手機直播軟體 ==(建議使用去背透明版)==

:sushi: 修改OBS裡的CSS

[更改背景顏色]

[隱藏禮物或聊天室訊息]

(看需求自行選用)

[顯示數字編號ID在名字後面]

加CSS之前為: 名稱 加完後變成: 名稱(2426076)

.name_title::after{
  content: "(" attr(title) ")";
}

音量和語速調整指令

在Chrome按下F12,分頁調整到Console,然後輸出以下指令 (語音功能一樣只有黑底版有,還有調整功能要在進入聊天室之後再打) (這個功能是所有人的留言都會有語音,和金剛官方版的浪花語音功能不同)

音量: (預設值: 0.5)

// (範圍: 0 ~ 1)
// 例: 0.5 = 50%音量; 1 = 100%音量
tts.volume(1);

語速: (預設值: 1.2)

// (範圍: 0.5 ~ 2)
// 例: 1 = 正常語速; 1.2 = 1.2倍速
tts.rate(1.5);

語調: (預設值: 1)

// (範圍: 0.1 ~ 2)
// 例: 1 = 正常語調; 大於1=語調變高; 小於1=語調變低
tts.pitch(1.1);

清除音量,語速和語調設定(改回預設值)

tts.reset();
// 輸入完後重新整理網頁

:pizza: 更新

:banana: 所有BABANANA Chat版本

:hamburger: 建議 & Bug回報

:doughnut: 聲明

:::info 如果要分享的話盡量以這個說明頁面的網址來分享, 這樣可以方便觀看最新的更新內容說明

[ https://hackmd.io/s/B183d6iwG ] :::

tags: web,js, OBS