สตรีมสดด้วย OBS

สตรีมในภาษาของคุณ ขณะที่ผู้ชมอ่านซับไตเติลแปลบนตัววิดีโอโดยตรง เว็บแอปของ Whisperr จะถอดเสียงและแปลคำบรรยายของคุณแบบเรียลไทม์ และหน้าโอเวอร์เลย์แบบโปร่งใสจะแสดงซับไตเติลใน OBS ผ่าน Browser Source (แหล่งที่มาแบบเบราว์เซอร์) — ไม่ต้องใช้ปลั๊กอิน ไม่ต้องดาวน์โหลด ไม่ต้องแก้การตั้งค่าตัวเข้ารหัส GPU มุมของโอเวอร์เลย์ยังมี QR โค้ดเล็ก ๆ ด้วย: ผู้ชมที่อยากอ่านภาษาอื่นสามารถสแกนแล้วอ่านตามบนมือถือได้ในทุกภาษาที่ Whisperr รองรับ

วิธีการทำงาน

1. เริ่มการถ่ายทอดในเว็บแอป Whisperr โดยเปิดลิงก์แชร์ไว้ — ระบบจะสร้างห้องสดสำหรับเซสชันของคุณ
2. สร้าง URL โอเวอร์เลย์ของคุณ แล้วเพิ่มลงใน OBS เป็น Browser Source — ซับไตเติลแปลจะปรากฏบนสตรีมขณะที่คุณพูด
3. ผู้ชมสแกน QR โค้ดที่มุมจอ เพื่อเปิดห้องบนมือถือและเลือกภาษาของตัวเอง

สิ่งที่ต้องมี

• บัญชี Whisperr ที่ลงชื่อเข้าใช้เว็บแอปใน Chrome
• OBS Studio (หรือซอฟต์แวร์สตรีมใดก็ได้ที่มี Browser Source เช่น Streamlabs)
• อุปกรณ์สตรีมตามปกติของคุณ — Twitch, YouTube Live, Kick หรือที่ไหนก็ตามที่ OBS สตรีมได้

ขั้นตอนที่ 1 — เริ่มถ่ายทอดโดยเปิดลิงก์แชร์

เปิดเว็บแอปแล้วเริ่มการบันทึกใหม่:

1. เลือกภาษาที่คุณพูดและภาษาแปลที่ต้องการฝังลงในสตรีม
2. เลือกแหล่งเสียง — เสียงไมโครโฟนสำหรับคำบรรยาย หรือไมค์ + หน้าจอหากต้องการถอดเสียงเกมหรือเสียงจากแท็บด้วย
3. เปิดลิงก์แชร์แล้วเริ่มบันทึก

เมื่อการบันทึกเริ่มขึ้น แผงแชร์จะปรากฏพร้อมแท็บสองแท็บ: ห้อง (ลิงก์และ QR โค้ดที่ผู้ฟังใช้เข้าร่วมได้โดยตรง) และ OBS (ลิงก์ตั้งค่าโอเวอร์เลย์สำหรับสตรีมของคุณ)

ขั้นตอนที่ 2 — เปิดหน้าตั้งค่าโอเวอร์เลย์

ในแผงแชร์ คลิกแท็บ OBS แล้วคลิกไอคอนเปิดที่อยู่ข้างลิงก์ตั้งค่า — ทั้งสองจุดถูกไฮไลต์ด้วยสีแดงด้านล่าง:

ลิงก์ตั้งค่าโอเวอร์เลย์มีหน้าตาแบบนี้:

https://whisperr.co/app/overlay/<your-room-id>/choose

หน้าตั้งค่าช่วยให้คุณเลือกได้ว่าซับไตเติลบนสตรีมจะแสดงอะไรบ้าง โดยไม่ต้องแก้ URL ด้วยมือ:

ขั้นตอนที่ 3 — เลือกสิ่งที่ผู้ชมจะเห็นแล้วสร้าง URL

• การแปล — เฉพาะซับไตเติลที่แปลแล้ว (ตัวเลือกที่ใช้กันทั่วไป)
• การถอดเสียง — เฉพาะคำพูดต้นฉบับของคุณ แสดงเป็นแคปชันสด
• ทั้งคู่ — ประโยคต้นฉบับพร้อมคำแปลอยู่ด้านล่าง เหมือนซับไตเติลสองภาษา

เลือกจำนวนบรรทัดแคปชันที่จะค้างบนจอพร้อมกัน กดสร้างแล้วคัดลอก URL:

หมายเหตุ

วาง URL ที่สร้างแล้วลงใน OBS — ไม่ใช่ URL ของหน้าตั้งค่าเอง หน้าตั้งค่าเป็นหน้าจอกำหนดค่า หากเพิ่มลงใน OBS การ์ดกำหนดค่าจะไปปรากฏบนสตรีมของคุณ

ขั้นตอนที่ 4 — เพิ่มลงใน OBS เป็น Browser Source

ใน OBS:

1. ที่ Sources (แหล่งที่มา) คลิก + แล้วเลือก Browser (เบราว์เซอร์)
2. วาง URL ที่สร้างไว้ลงในช่อง URL
3. ตั้งค่า Width (ความกว้าง) และ Height (ความสูง) ให้ตรงกับแคนวาสของคุณ — โดยทั่วไปคือ 1920 × 1080
4. คลิก OK แล้วจัดวางแหล่งที่มานี้ไว้เหนือเลเยอร์เกมหรือกล้อง

พื้นหลังของโอเวอร์เลย์โปร่งใสทั้งหมด — เมื่อไม่มีใครพูด แหล่งที่มานี้จะมองไม่เห็น ในนาทีแรกหลังโหลด จะมีบรรทัดสถานะจาง ๆ ("Whisperr overlay connected — waiting for captions…" หมายถึง "เชื่อมต่อโอเวอร์เลย์ Whisperr แล้ว — กำลังรอแคปชัน…") เพื่อให้คุณยืนยันได้ว่าระบบทำงานอยู่ระหว่างตั้งค่า บรรทัดสถานะจะหายไปทันทีที่แคปชันแรกมาถึง และจะไม่โผล่มากลางสตรีมเด็ดขาด

ขั้นตอนที่ 5 — เริ่มถ่ายทอดสด

พูดตามปกติได้เลย ซับไตเติลจะปรากฏบนสตรีมแบบเรียลไทม์ — ส่วนของประโยคที่ยังพูดไม่จบจะแสดงจางลงเล็กน้อยและเข้มขึ้นเมื่อการถอดเสียงได้รับการยืนยัน ส่วนบรรทัดที่จบแล้วจะค่อย ๆ เลือนหายไปไม่กี่วินาทีหลังจากคุณหยุดพูด

QR โค้ดที่มุมจอ

ซับไตเติลที่ฝังในภาพเข้าถึงผู้ชมทุกคน แต่เป็นได้แค่ภาษาเดียว QR โค้ดที่มุมจอจะเปิดห้องสดของคุณบนมือถือของผู้ชม ให้พวกเขาเลือกภาษาของตัวเองและยังฟังผ่านระบบอ่านออกเสียง (text-to-speech) ได้ด้วย ค่าเริ่มต้นคือเปิดไว้พร้อมข้อความ "Scan to read in your language" (สแกนเพื่ออ่านในภาษาของคุณ) — ปรับแต่งได้ด้วยพารามิเตอร์ URL ด้านล่าง (เช่น ?qrlabel= พร้อมข้อความของคุณเองในภาษาของผู้ชม หรือ ?qr=0 เพื่อเอาออก)

ปรับแต่งโอเวอร์เลย์

เนื่องจากแหล่งที่มาแบบเบราว์เซอร์ของ OBS คลิกไม่ได้ ทุกตัวเลือกจึงเป็นพารามิเตอร์ URL เพิ่มต่อท้าย URL ที่สร้างไว้ด้วย &:

พารามิเตอร์	ค่าเริ่มต้น	หน้าที่
mode	translation	translation (แปล), transcription (ถอดเสียง) หรือ both (ทั้งคู่)
lines	2	จำนวนบรรทัดแคปชันที่แสดงพร้อมกัน (1–6)
size	42	ขนาดฟอนต์เป็น px (12–120)
color	ffffff	สีตัวอักษร — เลขฐานสิบหกไม่ใส่ # หรือชื่อสีแบบ CSS
bg	0	ความทึบของพื้นหลังแต่ละบรรทัด 0–1 (0 = เงาตัวอักษรอย่างเดียว)
hold	8	จำนวนวินาทีที่บรรทัดที่จบแล้วค้างอยู่บนจอ (1–60)
align	bottom	ยึดแคปชันไว้ที่ bottom (ล่าง) หรือ top (บน)
lang	(all)	แสดงเฉพาะคำแปลของภาษาเป้าหมายเดียว เช่น lang=es
qr	on	qr=0 ซ่อน QR โค้ดที่มุมจอ
qrsize	132	ขนาด QR โค้ดเป็น px (64–400)
qrpos	br	มุมของ QR โค้ด: br, bl, tr หรือ tl
qrlabel	Scan to read in your language	ข้อความใต้ QR โค้ด; qrlabel= (ค่าว่าง) แสดงเฉพาะตัวโค้ด

ตัวอย่าง: แคปชันสีเหลืองขนาดใหญ่ขึ้นไว้ด้านบน โดยไม่มี QR โค้ด:

https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0

เคล็ดลับและการแก้ปัญหา

• แหล่งที่มาไม่แสดงอะไรเลยใน OBS — คลิกขวาที่ Browser Source แล้วเลือก Refresh cache of current page (รีเฟรชแคชของหน้าปัจจุบัน) หากบรรทัดสถานะขึ้นว่า "connecting…" (กำลังเชื่อมต่อ) แล้วไม่เชื่อมต่อสักที ให้ตรวจสอบเครือข่ายของคุณ หากขึ้นว่า "waiting for captions" (กำลังรอแคปชัน) แสดงว่าโอเวอร์เลย์ปกติดี เพียงแต่เซสชัน Whisperr ของคุณยังไม่ได้ส่งเสียงพูดเท่านั้น
• แต่ละสตรีมคือห้องใหม่ — ทุกเซสชันการบันทึกจะได้รับ ID ห้องใหม่ ดังนั้นให้สร้าง URL โอเวอร์เลย์ใหม่เมื่อเริ่มถ่ายทอดครั้งใหม่ หรือเปิดเซสชัน Whisperr เดิมค้างไว้ตลอดทั้งสตรีม
• เซสชันของแผนฟรีจำกัดที่ 2 นาที — สำหรับการสตรีมจริง คุณจะต้องใช้แผนแบบชำระเงินเพื่อให้เซสชันทำงานได้ตลอดเวลาที่คุณออกอากาศ
• ต้องการแปลหลายภาษาพร้อมกัน? ฝังภาษาเดียวลงในสตรีมด้วย lang= แล้วให้คนที่เหลือใช้ QR โค้ด — มันมีไว้เพื่อสิ่งนี้โดยเฉพาะ