วิธีใช้งานเสียง TTS ฟรีใน Streamer.bot ด้วยแหล่งข้อมูลเบราว์เซอร์แบบไดนามิก

PotatoHotDog Dynamic Browser Sources ช่วยให้คุณสร้างและเล่นเสียง TTS (Text-to-Speech) ได้โดยตรงภายใน OBS Studio โดยไม่ต้องเขียนโค้ด C# ใดๆ ใน Streamer.bot คู่มือนี้จะแสดงวิธีสร้างแหล่งเบราว์เซอร์ไดนามิก เพิ่มมันลงใน OBS Studio และกระตุ้นการเล่นเสียงจาก Streamer.bot ด้วยแอ็กชันย่อย Fetch URL ที่ง่ายๆ

ทุกครั้งที่มีการเรียก webhook, PotatoHotDog จะสร้างเสียงอัตโนมัติด้วยเสียงแบบคงที่หรือเสียงที่คัดลอกมา และนำไปคิวเพื่อการเล่นบนแหล่งเบราว์เซอร์ คุณสามารถปรับแต่งพฤติกรรมเพิ่มเติมได้ด้วยตัวแก้ไข JavaScript ที่มีอยู่บนแหล่งเบราว์เซอร์ เช่น ฟิลด์ Playing Static Voice Script และ Playing Cloned Voice Script

สร้างแหล่งเบราว์เซอร์แบบไดนามิก

เข้าสู่ระบบแดชบอร์ด PotatoHotDog ของคุณ แล้วไปที่หน้า Dynamic Browser Sources ตั้งชื่อให้แหล่งบราวเซอร์ใหม่ของคุณด้วยชื่อที่คุณจะจำได้ในภายหลัง เช่น "Streamer.bot TTS" จากนั้นคลิก สร้าง.

เพิ่ม URL ของแหล่งเบราว์เซอร์ลงใน OBS Studio

เปิดแหล่งเบราว์เซอร์ที่คุณเพิ่งสร้างขึ้น แล้วคัดลอก URL ของแหล่งเบราว์เซอร์นั้น

จากนั้นเปิด OBS Studio สร้างแหล่งบราวเซอร์ใหม่ในฉากของคุณ แล้ววาง URL ลงไป。

เตรียมคีย์ API

หากคุณยังไม่มีคีย์ API ให้สร้างจากแดชบอร์ดของคุณแล้วเตรียมไว้ให้พร้อม คุณจะต้องใช้มันในขั้นตอนถัดไป.

สร้างคำขอ webhook

เปิดหน้า Play Static Voice API หรือหน้า Play Cloned Voice API ขึ้นอยู่กับประเภทเสียงที่คุณต้องการเล่น. กรอกคีย์ API ของคุณ, รหัสแหล่งข้อมูลเบราว์เซอร์ของคุณ และรหัสเสียงของคุณ แต่สำหรับช่องข้อความให้ใส่ %potatoText% ซึ่งเป็นอาร์กิวเมนต์ของ Streamer.bot ที่คุณจะตั้งค่าในขั้นตอนถัดไป

เมื่อกรอกทุกช่องเสร็จแล้ว ให้คัดลอก URL ของคำขอที่สร้างขึ้นด้านล่างของหน้า แล้วนำไปวางลงใน Streamer.bot ในขั้นตอนถัดไป.

สร้าง Set Argument ซับแอ็คชัน ใน Streamer.bot

เปิด Streamer.bot แล้วไปที่แท็บ Actions. สร้างแอ็กชันใหม่ หรือเปิดแอ็กชันที่มีอยู่ แล้วคลิกขวาที่ Sub Actions แล้วเลือก Add, Core, Arguments และสุดท้าย Set Argument.

ตั้งค่าคีย์อาร์กิวเมนต์ให้เป็น potatoText และกำหนดค่าเป็นข้อความทดสอบ เช่น "Hello world" นี่คืออาร์กิวเมนต์ $potatoText เดียวกันกับที่คุณอ้างถึงใน URL ของคำขอ webhook.

สร้าง ซับแอ็กชัน Fetch URL ใน Streamer.bot

ใต้ส่วนย่อย Set Argument ให้คลิก Add อีกครั้ง และคราวนี้เลือก Core, Network และ Fetch URL แล้ววาง URL คำขอ webhook ที่คุณคัดลอกไว้ก่อนหน้านี้ลงไป.

บันทึกการดำเนินการ แล้วทดสอบดู. เสียง TTS ควรถูกสร้างขึ้นและเล่นกลับโดยอัตโนมัติผ่านแหล่งเบราว์เซอร์ใน OBS Studio.

การปรับแต่งเพิ่มเติม

บนหน้าแก้ไขสำหรับแหล่งข้อมูลเบราว์เซอร์แบบไดนามิกของคุณ คุณจะพบกับช่อง 'สคริปต์เสียงแบบคงที่' และ 'สคริปต์เสียงที่โคลนมา' ช่องเหล่านี้ให้คุณเขียน JavaScript ที่กำหนดเองซึ่งรันอัตโนมัติทุกครั้งที่มีการเล่นคำสั่งเสียง ทำให้คุณปรับแต่งพฤติกรรมได้อย่างเต็มที่มากกว่าค่าเริ่มต้น

คู่มือฉบับนี้เผยแพร่ครั้งแรกเมื่อ 2026-07-13 และถูกแก้ไขล่าสุดเมื่อ 2026-07-13.

คู่มือที่คล้ายกันอื่นๆ

ต่อไปนี้คือคู่มือวิธีใช้งานอื่นๆ ที่คุณอาจพบว่ามีประโยชน์.

วิธีสร้างภาพด้วย AI ใน Streamer.bot ด้วยสคริปต์ที่กำหนดเอง

เรียนรู้วิธีสร้างภาพ AI ฟรีสำหรับสตรีม Twitch ของคุณโดยตรงภายใน Streamer.bot โดยการเพิ่มสคริปต์ Execute Code ที่กำหนดเอง ไม่จำเป็นต้องใช้มิดเดิลแวร์จากบุคคลที่สาม.

อ่านคู่มือ

วิธีเชื่อมต่อ Streamer.bot กับ AI

เรียนรู้วิธีสร้างคำตอบ AI (LLM) ฟรีสำหรับสตรีม Twitch ของคุณใน Streamer.bot โดยใช้การกระทำย่อย Fetch URL และ PotatoHotDog Generate AI Response API โดยไม่ต้องมีสคริปต์กำหนดเอง

อ่านคู่มือ

วิธีใช้งานเสียง TTS ฟรีใน Streamer.bot ด้วยสคริปต์ที่กำหนดเอง

เรียนรู้วิธีเล่นเสียง AI TTS ฟรี (Text-to-Speech) สำหรับสตรีม Twitch ของคุณโดยตรงใน Streamer.bot ด้วยการเพิ่มสคริปต์ Execute Code แบบกำหนดเอง ไม่จำเป็นต้องใช้ Speaker.bot.

อ่านคู่มือ