URL ของโอเวอร์เลย์

โครงสร้าง URL แหล่งเบราว์เซอร์ของโอเวอร์เลย์ ทุกเส้นทางและ ID วิดเจ็ต รวมถึงการทำงานของสำเนาและคีย์ LAN

โอเวอร์เลย์ทุกรายการคือหน้าเว็บที่อยู่บนเซิร์ฟเวอร์ของ Vfinity ซึ่ง OBS หรือ TikTok LIVE Studio เปิดเป็นแหล่งเบราว์เซอร์ หน้านี้จะแยกแยะส่วนประกอบต่าง ๆ ของ URL

ลองเลย

คัดลอก URL แหล่งเบราว์เซอร์สำหรับ OBS

เลือกวิดเจ็ตเพื่อดูที่อยู่จากปุ่มคัดลอก URL

วิดเจ็ต

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=th

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=th

เซิร์ฟเวอร์โอเวอร์เลย์บนเครื่องนี้http://127.0.0.1:21424
วิดเจ็ตที่เลือก#overlay-goal
รายการไหนในประเภทนั้น?id=goal1
ภาษาที่ตรงกับแอป&lang=th

เลือกวิดเจ็ตและสำเนาเพื่อดู URL พร้อมระบุส่วนประกอบแต่ละส่วน ลองเลือกดูด้านบน

ส่วนประกอบของ URL

http://127.0.0.1:21424/#overlay-goal?id=goal1&copy=copy_lx4k2a9fz&lang=en

ส่วนประกอบ	ตัวอย่าง	คำอธิบาย
ที่อยู่	`127.0.0.1`	คอมพิวเตอร์เครื่องนี้ หากเปิดการเข้าถึงผ่าน LAN จะเป็นที่อยู่เครือข่ายของเครื่องนี้
พอร์ต	`21424`	พอร์ตของเซิร์ฟเวอร์โอเวอร์เลย์ หากพอร์ตไม่ว่าง Vfinity จะเลือกพอร์ตอื่น
คีย์การเข้าถึง	`?token=…` ก่อนเครื่องหมาย `#`	มีเฉพาะเมื่อเปิดการเข้าถึงผ่าน LAN
เส้นทาง (Route)	`#overlay-goal`	ชนิดของวิดเจ็ตที่หน้านั้นแสดง
`id`	`goal1`	วิดเจ็ตเฉพาะของชนิดนั้น สำหรับเส้นทางที่มีหลายวิดเจ็ต
`copy`	`copy_lx4k2a9fz`	สำเนาของวิดเจ็ต หากเป็นต้นฉบับจะไม่มีส่วนนี้
`lang`	`en`	ภาษาที่หน้าแสดงข้อความ: `en`, `th`, `zh`, `ja`, `hi` หรือ `es`

ปุ่ม คัดลอก URL บนวิดเจ็ต หรือ คัดลอก URL สำหรับ OBS ในเมนูคลิกขวา จะสร้างทั้งหมดนี้ให้คุณโดยอัตโนมัติ พร้อมพอร์ตที่เซิร์ฟเวอร์เปิดจริงและภาษาของแอป ให้คัดลอกจากตรงนั้นแทนการพิมพ์ URL เอง

เส้นทางที่มีวิดเจ็ตเดียว

เส้นทาง	วิดเจ็ต
`#overlay-chat`	กล่องแชต (Chat Box)
`#overlay-alerts`	การแจ้งเตือน (Alerts)
`#overlay-events`	บอร์ดกิจกรรม (Events Board)
`#overlay-timer`	ตัวจับเวลานับถอยหลัง (Countdown Timer)
`#overlay-buddies`	บัดดี้ผู้ชม (Viewer Buddies)
`#overlay-actions`	สื่อการทำงาน ซึ่งแสดงสื่อของขั้นตอน แสดงรูปภาพหรือวิดีโอ
`#overlay-custom`	วิดเจ็ตกำหนดเอง (Custom Widget)
`#overlay-clock`	นาฬิกาและนับถอยหลัง (Clock and Countdown)
`#overlay-scene`	การ์ดฉาก (Scene Card)
`#overlay-checklist`	เช็กลิสต์ (Checklist)

วิดเจ็ตใหม่ใน Alpha 0.4.0 ใช้รูปแบบเดียวกัน ที่อยู่ของนาฬิกาและนับถอยหลังจึงมีหน้าตาแบบ http://127.0.0.1:21424/#overlay-clock?lang=en และที่อยู่ของสำเนาการ์ดฉากจะเป็นแบบ http://127.0.0.1:21424/#overlay-scene?copy=copy_lx4k2a9fz&lang=en

เส้นทางที่มี ID

เส้นทาง	ค่า `id`
`#overlay-stat`	`viewerCount`, `followerCount`, `streamClock`, `giftCounter1` ถึง `giftCounter3`, `statLabel1` ถึง `statLabel3`
`#overlay-leaderboard`	`topGifter`, `topLiker`, `topStreaker`, `topChatter`, `pointsRanking`, `credits`
`#overlay-goal`	`goal1` ถึง `goal4`
`#overlay-feed`	`giftFeed`, `diamondTicker`, `lastGifter`, `lastFollower`, `lastLiker`, `lastSharer`, `lastChatter`, `lastSubscriber`, `lastJoiner`
`#overlay-gauge`	`coinJar`, `streamBoss`
`#overlay-particles`	`giftCannon`, `likeFountain`, `giftFirework`, `fallingSnow`, `emojify`, `emoteWall`, `confetti`
`#overlay-media`	`staticText`, `staticImage`, `videoPlayer`, `socialRotator`, `sponsorBanner`
`#overlay-frame`	`webcamFrame`, `overlayFrame`, `talkingBanner`
`#overlay-games`	`giftJar`, `wheel`, `poll`, `viewerQueue`, `giveaway`, `tugOfWar`, `hypeMeter`

วิดเจ็ตโอเวอร์เลย์ ระบุชื่อของแต่ละรายการและแสดงการตั้งค่าทั้งหมด

แหล่งสัญญาณที่ไม่ใช่วิดเจ็ต

เส้นทาง	คำอธิบาย
`#throwing`	ฉากการปาของ: ของขวัญที่ถูกปาใส่โมเดลของคุณ คัดลอกจากแท็บการปาของ
`#overlay-audio`	แหล่งสัญญาณที่มองไม่เห็นซึ่งเล่นเสียงอ่านข้อความเป็นเสียงพูดที่ตั้งค่าให้เล่นใน OBS

การเพิ่ม #overlay-audio สองครั้งนั้นปลอดภัย: ระบบจะเล่นเพียงสำเนาเดียว หากต้องการใช้ในหลายฉาก ให้เพิ่มแหล่งสัญญาณเดิมไปยังแต่ละฉากด้วย เพิ่มที่มีอยู่ (Add Existing)

สำเนา

เพิ่มสำเนา จะสร้างเวอร์ชันที่สองที่เป็นอิสระของวิดเจ็ตพร้อมการตั้งค่าและ URL ของตัวเอง ซึ่งลงท้ายด้วย copy= ตามด้วย ID ของสำเนา

ขีดจำกัด	ค่า
จำนวนสำเนาสำหรับทุกวิดเจ็ตรวมกัน	16
ชื่อของสำเนา	สูงสุด 60 อักขระ
วิดเจ็ตที่ไม่สามารถทำสำเนาได้	การแจ้งเตือน (Alerts)

สำเนาจะเก็บ id ของต้นฉบับไว้ เพื่อให้หน้ารู้ว่าเป็นวิดเจ็ตใด เมื่อคุณลบสำเนา แหล่งสัญญาณใน OBS จะกลายเป็นหน้าว่าง แทนที่จะแสดงต้นฉบับซ้ำสองครั้ง

OBS บนคอมพิวเตอร์เครื่องอื่น

เปิด อนุญาตให้ OBS บนคอมพิวเตอร์เครื่องอื่นใช้โอเวอร์เลย์เหล่านี้ ใน การตั้งค่าการเชื่อมต่อเซิร์ฟเวอร์ภายใน แล้วรีสตาร์ท Vfinity จากนั้น คัดลอก URL จะให้ที่อยู่เครือข่ายของคอมพิวเตอร์เครื่องนี้พร้อมคีย์การเข้าถึง:

http://192.168.1.5:21424/?token=YOUR_KEY#overlay-chat?lang=en

คีย์จะอยู่ก่อนเครื่องหมาย # เพราะเซิร์ฟเวอร์ต้องเห็นคีย์ในคำขอแรก สิ่งใดก็ตามบนเครือข่ายที่ไม่มีคีย์จะถูกปฏิเสธ และสิ่งใดที่มาจากภายนอกเครือข่ายก็ถูกปฏิเสธเช่นกัน ปุ่ม คีย์การเข้าถึงใหม่ จะยกเลิกทุก URL ที่ใช้คีย์เดิม ดังนั้นให้คัดลอกแต่ละ URL ไปยัง OBS ใหม่อีกครั้งหลังจากนั้น