wizebot chat history

為什麼這個腳本Wizebot-Chat History？

我是Twitch平台上的流媒體。

要在OBS中顯示聊天，我們可以使用Wizebot小部件覆蓋層。這使我們可以在Wizebot的效果和功能的同時進行不同的聊天。
但是，當在每個場景中使用具有不同聊天配置的OBS中的某些場景時，聊天歷史記錄會丟失。

該腳本的目的是維護此歷史記錄並確保即使我們不流媒體也可以使用。

如何準備Almalinux 9.3或9.4

在Almalinux上使用根或類似帳戶連接到SSH：

dnf install epel-release

dnf module enable nodejs:20

dnf install nodejs -y

dnf install chromium -y

dnf install git -y

node -v

安裝腳本

與您的SSH會話：

cd /var

mkdir nodejs

cd nodejs

git clone https://github.com/AlexiaGossa/wizebot-chat-history

cd wizebot-chat-history

npm i puppeteer

npm install puppeteer-core

npm install -g npm

如何使用腳本

1. 轉到您的wizebot.tv管理面板

2. 開放小部件（覆蓋）

3. Open Widget聊天機器人

4. 創建一個新的小部件

5. 選擇清潔（右側）模板

6. 將以下HTML代碼導入WizeBot HTML部分：

 < link href =" https://fonts.googleapis.com/css?family=Inter " rel =" stylesheet " >

< div class =" template message_div animated fadeIn " >
    < div >
        < div class =" sticker " style =" background-color:{user_color}; " > </ div >
        < div class =" time " > {message_time} </ div >
        < div class =" badges " > </ div >
        < div class =" nicksimple " > {user_display_name} </ div >
        < div class =" nick " > </ div >
        < div class =" left " > </ div >
        < div class =" message " msgtype =" {message_type} " > </ div >
    </ div >
</ div >
< div id =" messagescontainer " >
< div id =" messages " dir =" ltr " > </ div >
</ div > 

<!-- Horizontal order : dir="ltr" = Left to right / dir="rtl" = Right to left -->
<!-- TAGs available : {user_name} {user_display_name} {user_name_full} (Display name + Username) {user_color} {user_invert_color} (For background ?) {user_badges} {message_text} {message_time} {message_type} {message_color} (For announcement type) -->

7. 清除Wizebot CSS部分中的CSS代碼

8. 在Wizebot JavaScript部分中將頻道名稱更改為您的頻道名稱

   對於我的Twitch頻道，我使用： var channel_name = "alexia_vassiliki";

9. 單擊Wizebot網頁頂部的“複製鏈接”

10. 在您的SSH會話中，使用nano nano wizebot-url.txt url.txt打開Wizebot- url.txt，然後將鏈接粘貼到Nano中。

自定義設計

現在，您可以修改名為WizeBot-Inmauts.css的CSS文件以應用您自己的設計。

每次修改後，不要忘記重新啟動NodeJS腳本。

運行腳本

配置您的防火牆 /開放端口

在您的系統上打開1或2個TCP端口：

HTTP的8080

8443 for HTTPS如果您提供一些證書

想立即測試腳本嗎？

您想現在執行WizeBot-Chat歷史腳本嗎？

運行命令： node wizebot-node.js

您會看到以下文本：

 HTTP server started
Running...

按CTRL+C停止腳本。

使用系統安裝並啟動腳本

與您的SSH會話：

chmod +x wizebot-run.sh

我們在啟動時將腳本添加到cron中，此命令用vim編輯cron：

crontab -e

並在cron中添加以下行

@reboot sh /var/nodejs/wizebot-chat-history/wizebot-run.sh > /var/nodejs/wizebot-chat-history/wizebot-run.log

注意：如果您喜歡用納米而不是vim編輯cron

export VISUAL=nano

或重新選擇vim

export VISUAL=vim

Wizebot歷史URL參數

我們假設腳本使用IP 192.168.1.126和使用HTTP 8080端口在系統上運行。

---

基本顯示

> http：// 192.168.1.126:8080/

---

立即清除歷史

歷史立即清除。所有打開的網頁都需要重新加載。

打開一個新的瀏覽器選項卡並粘貼以下URL。
> http：// 192.168.1.126:8080/?reset

等待選項卡加載並關閉。現在，您需要重新加載所有其他選項卡和顯示聊天的窗口。

在開始新的實時流以清除所有以前的消息之前，此功能非常有用。

---

在聊天機器人下方顯示純色

有2個參數：高度和高度彩色：
高度是percents中的聊天機器人文本區域。
使用RGB值是扁平的顏色。

URL樣品
> http：// 192.168.1.126:8080/?height=80%&heightColor=rgb(255,230,200）
> http：// 192.168.1.126:8080/?height=63%&heightcolor=rgb(255,255,255）

---

更改短信大小

MessageSize是CSS單元中的消息大小（我建議您使用大眾和VH）。
有關CSS單元的更多信息。

URL樣品
> http：// 192.168.1.126:8080/?messagesize=2.5vw
> http：// 192.168.1.126:8080/?messagesize=4vh

---

更改暱稱大小

Nicksize是CSS單元中的暱稱（我建議您使用大眾和VH）。

URL樣品
> http：// 192.168.1.126:8080/?nicksize=4vw
> http：// 192.168.1.126:8080/?nicksize=5.2vh

---

突出顯示一條新消息

突出顯示新消息是流媒體非常有用的功能，可以突出顯示所有新傳入消息。
突出顯示參數沒有任何值將啟用該功能。新傳入的消息眨了眨眼，以突出顯示它們。

URL樣本
> http：// 192.168.1.126:8080/?height=60%&heightColor=rgb(255,2555,255)&Messagesize = 3VW＆nickname = 5vw＆highlight

---

結合多個參數

您可以組合多個參數...您必須使用？對於第一個參數，對於以下每個參數。

URL樣品
> http：// 192.168.1.126:8080/?height=80%&heightColor=rgb（200,200,255,200）＆messagesize = 2vh＆nickname = 3vh
> http：// 192.168.1.126:8080/?height=60%&heightColor=rgb(255,2555,255)&Messagesize = 3vw＆nickname = 5vw