網址 https://bluebottle.gg/
使用推薦至少要有雙螢幕 如果能有三螢幕更佳 有stream deck的話雙螢幕就夠
手邊有可以用來操作的手機或者平板電腦也可以 文末會再提及
這是一個聯賽工具 它包含了轉播HUD的實現和完整的觀戰API後台數據查詢
這個軟體需要登入google帳號授權程式存取
首次安裝需要較長時間會自動從CommunityDragon下載需要的資源文件 大部分是英雄聯盟的圖像檔案
安裝好之後 點擊View --> Settings
--> General 這可以調整Dark Mode 另外這邊有一個Swagger UI選項點擊Open會從瀏覽器打開http://localhost:58869/swagger/index.html 這裡很多實用的REST API我放在後面介紹
--> Game 這裡可以設定Patches的region
--> Hotkeys 這個功能尚未實裝 目前需要手動操作管理觀戰畫面時顯示的HUD介面 這是一個重要功能以後有機會實裝了再另外介紹
--> Account 允許使用 Google Analytics 收集匿名使用數據 以提高應用程式的效能 可以不用動
操作介面的部分
DATA 區塊用來建立隊伍名稱 聯賽項目 隊伍的圖標 聯賽的圖標 聯賽的日期等等的
PRE GAMNE 就是角色選擇階段的管理區 這邊可以用來設定左邊隊伍和右邊隊伍都是什麼隊伍
IN GAME 遊戲中階段的管理區 這裡可以導入League Director的鏡頭設置 也是目前主要的HUD介面操作區 因為還不支持快捷鍵操作 所以我們只能在這裡手動切換HUD介面顯示 如此一來我們就不能同時通過QWERT和12345來切換角色鏡頭
POST GAME 區塊目前沒有開放 目前知道的訊息在搶先體驗版會開放一些測試功能 等到發佈到正式版會是收費項目 目前不清楚收費模式的細節
PRE-GAMNE和IN-GAME(對應選角階段和遊戲中階段) 都有一個可操作介面 點擊選項之後介面後面會有斜線條紋就是這個項目啟用中
PRE-GAME只有一個基本項目就不介紹了
這裡說說IN-GAME
Teamfight View就是團戰階段 畫面會把角色物品數據的欄位隱藏 關掉Teamfight View才會顯示物品欄介面
Full Gold Graph就是經濟圖
Runes是顯示所有人帶的符文
進入觀戰模式之後我們就可以在obs或其他串流軟體上添加重疊來源url
和
一個是選角階段的疊層介面 一個是遊戲中觀戰階段的疊層介面
如果要在瀏覽器上操作可以使用webui
我通常還會設定"fieldOfView": 60.0,和 "interfaceReplay": False,
獲得更好的視野距離 以及隱藏鏡頭控制框架
開始用這個的話再加一個"interfaceFrames": False,
這個是紅藍隊兩邊的頭像介面 遊戲內建的和軟體介面上的會一起顯示 所以遊戲裡的就關掉吧
再加一個"interfaceScore": False, 後面的截圖我忘記關了所以邊緣漏出了一點
這些都可以用League Director調整或者是使用py腳本直接發送POST請求 https://127.0.0.1:2999/replay/render 來調整
最後截圖一下三種介面的效果
開啟Teamfight View我就沒截圖了 其實就是不顯示物品欄位那個介面
截圖中包含了紅色外框線是因為我使用了F9的功能讓我的滑鼠可以穿越其他的螢幕去操作League Broadcast 並且能夠回到英雄聯盟的焦點去使用內建的觀戰快捷鍵
在未來開放快捷鍵切換之後就不需要這麼做了
我用REST API查詢有看到默認的兩個快捷鍵功能是
Ctrl + Alt + Shift + T ToggleProjectiveTracking
Ctrl + Alt + Shift + S SwapTeamSides 交換隊伍位置(左右邊)
也可以在C:\Users\{使用者名稱}\AppData\Roaming\BlueBottle\LeagueBroadcast\config\Hotkeys.json 找到設定值
也可以在C:\Users\{使用者名稱}\AppData\Roaming\BlueBottle\LeagueBroadcast\config\Hotkeys.json 找到設定值
{
"Hotkeys": {
"LeftControl LeftAlt LeftShift VcT": 3,
"LeftControl LeftAlt LeftShift VcS": 4
},
"Enabled": true,
"FileVersion": "1.0"
}
但目前都沒有實裝就是了 面板HUD切換的快捷鍵倒是沒在列標中 希望之後會加上
Swagger UI
這裡有很長一串的標準REST API列表
有API分類和請求類型 所以你可以很容易找到你關心的東西
它使用四種顏色分類GET POST PUT DELETE請求 其實還有PATCH
例如我們要調用
POST /api/ingame/showing/teamfight/{active}
我們可以把參數設置為true
然後按Execute發送 返回200就是成功了 就可以看到HUD介面切換到了團戰模式 隱藏了物品欄位的介面
還可以使用
POST/api/ingame/showing
發送Request body
{ "scoreboard": true, "tabs": true, "scoreboardBottom": true, "baronPitTimer": true, "dragonPitTimer": true, "atakhanTimer": true, "inhibitors": true, "goldGraph": true, "sideInfoPage": "Gold", "runes": true }
來控制顯示那些項目
你也可以把這個請求加到其他你編寫的程式中用來和這個程式的功能交互
對局的遊戲資訊隊伍成員資訊BP資訊選角資訊比分各方面都可以從列表中的API請求獲取 也可以用來控制鏡頭
也可以設定到stream deck上作使用
在https://www.elgato.com/ww/en/s/downloads 下載stream deck軟體
在https://marketplace.elgato.com/product/web-requests-d7d46868-f9c8-4fa5-b775-ab3b9a7c8add 下載Web Request的Plugins
使用WebUI解決方案
手邊有其他可用的手機或平板電腦或筆記型電腦都可以
使用該設備在相同的網路區域下打開 http://localhost:58869/webui/ 直接操作即可
題外話 有另外一個類似的項目lol-pick-ban-ui-master 如果只要簡單的ban & pick HUD也可以用這一個
它有簡單EU顯示模式跟客製化模式需要另外設定圖片資源
使用npm run build啟動
達人
