บอทสตรีมสดของ Twitch ที่สามารถควบคุมสีสำหรับโอเวอร์เลย์จากองค์ประกอบสตรีม เล่นเอฟเฟกต์เสียง จัดการรางวัลที่กำหนดเอง (เช่น การอ่านออกเสียงข้อความ) และอื่นๆ อีกมากมาย!
แชทบอทนี้สร้างด้วย ? ถ่ายทอดสดกับชุมชนการเขียนโปรแกรม มาสนุกกับเราบน Twitch!
https://twitch.tv/clarkio
โคลนด้วย: git clone [email protected]:clarkio/ttv-chat-bot.git
ไปที่โครงการ: cd ttv-chat-bot
ติดตั้งการพึ่งพาโหนด: npm install
หากเปิด:
รัน Debian/Ubuntu : sudo apt install mpg123
ติดตั้ง Windows : cmdmp3
MacOS คุณควรมี afplay อยู่แล้ว
เข้าสู่ระบบ https://twitch.tv
ไปที่ https://twitchapps.com/tmi/
คลิก "เชื่อมต่อกับ Twitch"
คลิก "อนุญาต"
คัดลอกค่าโทเค็น (เริ่มต้นด้วย "oauth:")
เปลี่ยนชื่อไฟล์ .env-example
เป็น .env
อัปเดต TTV_CLIENT_TOKEN
ด้วยค่าโทเค็นที่คุณคัดลอกก่อนหน้าในขั้นตอนที่ 4.c
อัปเดต TTV_CLIENT_USERNAME
เป็นชื่อผู้ใช้ลูกค้าของคุณ (ค่าเริ่มต้นคือ "clarkio")
สำหรับแต่ละภาพซ้อนทับใน streamelements (หรือที่เรียกว่าฉาก) ให้คัดลอก URL ไปยังฉากและเพิ่มลงในไฟล์ .env
เป็นตัวแปรสภาพแวดล้อมใหม่สำหรับแต่ละฉาก
ตัวอย่าง: mainScene=https://streamelements.com/overlay/abc/123
รับ Streamelements JWT จากบัญชีของคุณและอัปเดต STREAMELEMENTS_JWT
ในไฟล์ .env
ของคุณ
โปรดตรวจสอบให้แน่ใจว่าคุณได้ทำตามขั้นตอนทั้งหมดในส่วน "เริ่มต้นใช้งาน" ก่อนที่จะลองเรียกใช้แอป
(@roberttables) ตั้งค่า OBS_SOCKETS_SERVER=host.docker.internal:
(@parithon) หมายเหตุชื่อ DNS นี้ (host.docker.internal) ดูเหมือนว่าจะทำงานบน Docker Desktop สำหรับ Mac/Windows เท่านั้น และไม่ใช่สภาพแวดล้อมการใช้งานจริงหรือสภาพแวดล้อม linux อื่น ๆ (Ubuntu)
(@roberttables) ในกรณีนั้นคุณสามารถใช้การแทนที่ผ่านสะพาน docker0 ซึ่งมีอยู่ในสภาพแวดล้อม linux
เปลี่ยนเป็นไดเร็กทอรีของโปรเจ็กต์ ttv-chat-bot
หากคุณยังไม่ได้ดำเนินการ
รัน npm start
เปิดเบราว์เซอร์ของคุณแล้วไปที่ http://localhost:1337/scenes?sceneName=
ตัวอย่าง: http://localhost:1337/scenes?sceneName=mainScene
ไปที่มุมมองดีบักเกอร์และยืนยันว่าดีบักเกอร์ถูกตั้งค่าเป็น "Server Start"
กดปุ่ม "เริ่มการแก้ไขข้อบกพร่อง" (ปุ่มเล่นสีเขียว)
เปิดเบราว์เซอร์ของคุณแล้วไปที่ http://localhost:1337/scenes?sceneName=
ตัวอย่าง: http://localhost:1337/scenes?sceneName=mainScene
โปรดตรวจสอบให้แน่ใจว่าคุณได้ทำตามขั้นตอนทั้งหมดในส่วน "เริ่มต้นใช้งาน" และ "เรียกใช้แอปพลิเคชัน" เรียบร้อยแล้วก่อนที่จะลองใช้งานแอป
เปิดแท็บหรือหน้าต่างเบราว์เซอร์ใหม่แล้วไปที่การแชทสำหรับช่อง Twitch ที่คุณต้องการใช้ (ค่าเริ่มต้นคือ "clarkio" ในไฟล์ .env
ใต้ TTV_CHANNELS
)
ตัวอย่าง: https://www.twitch.tv/popout/clarkio/chat
หากคุณต้องการให้ไคลเอ็นต์เชื่อมต่อกับช่องอื่น คุณสามารถเพิ่มไคลเอ็นต์ดังกล่าวลงในตัวแปรสภาพแวดล้อม
TTV_CHANNELS
ตัวแปรคั่นด้วยเครื่องหมายจุลภาคดังนั้นคุณสามารถใช้เป็น clarkio "ชื่อช่องของคุณ" เพื่อเชื่อมต่อกับหลายช่อง
ป้อนข้อความแชทต่อไปนี้ "!bulb go green" และคุณจะเห็นโอเวอร์เลย์เปลี่ยนสีในแท็บ/หน้าต่างอื่นของคุณซึ่งโหลด http://localhost:1337/scenes?sceneName=mainScene
คำเตือน: ขณะนี้การใช้งานนั้นอิงจากการซ้อนทับที่เป็นสีน้ำเงินโดยค่าเริ่มต้น และจะเปลี่ยนเฉดสีจากสิ่งนั้น หากสีเริ่มต้นของการซ้อนทับของคุณแตกต่างออกไป จะไม่เปลี่ยนเป็นสีที่คุณต้องการอย่างแน่นอน เรากำลังดำเนินการปรับปรุงให้ดีขึ้นเพื่อรองรับสีซ้อนทับเริ่มต้นที่แตกต่างกัน
ต้องการที่จะมีส่วนร่วม? ตรวจสอบจรรยาบรรณและเอกสารสนับสนุนของเรา โครงการนี้เป็นไปตามข้อกำหนดของผู้มีส่วนร่วมทั้งหมด ยินดีต้อนรับการบริจาคใด ๆ !
ขอขอบคุณผู้คนที่แสนวิเศษเหล่านี้ (คีย์อีโมจิ):
โซเคโล
ฝรั่งเศส
กางเกงขายาว
wwwsean08
l2ival
ikoakmaindehoas
โรคกลัวรหัส
อุปกรณ์จัดแต่งทรงผม
TheMartesLive
อีแวนส์
ไมเคิล จอลลีย์
@jaredpsimpson
ขอขอบคุณผู้คนที่แสนวิเศษเหล่านี้ (คีย์อีโมจิ):
เจค นิลันด์ | ไมเคิล จอลลีย์ | CodemanCodes | เจเร็ดซิมป์สัน | เอ็ดเวิร์ด อีแวนส์ | นิโคลัส มาร์ช | แพทแพท1567 - |
ทิมมี่ ค็อกเก้ | ไมเคิล ดูบัวส์ | เบนจามิน แลนนอน | เจสัน อัลลัน | คริส การ์กอตต้า - | วิงกี้แซม - | LuckyNoS7evin |
ฌอน สมิธ |
โครงการนี้เป็นไปตามข้อกำหนดของผู้มีส่วนร่วมทั้งหมด ยินดีต้อนรับการบริจาคใด ๆ !