แบบจำลอง UI สำหรับการถ่ายทอดสดพร้อมผู้ดำเนินรายการ

{ "type": "แบบร่างการออกแบบอินเทอร์เฟซการถ่ายทอดสดบนมือถือ", "scene": { "subject": "{argument name=\"main subject\" default=\"Sam Altman\"} ภาพแสดงให้เห็นตัวแบบสวมเสื้อสเวตเตอร์สีเขียวเข้ม มองตรงไปที่กล้อง โดยยื่นมือขวาไปข้างหน้าในท่าทางเชิญชวน", "background": "ฉากอยู่ในสตูดิโอสำนักงาน ด้านซ้ายมีโลโก้ 'OpenAI' ขนาดใหญ่บนผนัง ด้านขวาเป็นชั้นวางไม้ที่มีขวดไวน์สีเข้มสามขวดและป้ายสี่เหลี่ยมเล็กๆ สองป้าย ป้ายหนึ่งเขียนว่า 'AGI' และอีกป้ายเขียนว่า 'OpenAI'" } } } }, "layout": { "top_overlay": { "status_bar": "เวลา '20:34', แถบสัญญาณมือถือ, ไอคอน Wi-Fi, แบตเตอรี่ '774'", "host_profile": "โลโก้ OpenAI, ชื่อ 'OpenAI', คำบรรยาย 'มีคนกดไลค์สตรีมสดนี้ 483,000 คน' และปุ่ม 'ติดตาม' สีแดง", "viewer_stats": "รูปโปรไฟล์ผู้ใช้ 3 รูป, ข้อความ '100k+' และไอคอนปิด 'X'", "banners": [ "แบนเนอร์ด้านบนแสดง 'OpenAI Official Flagship Store อันดับ 1'", "ลิงก์แสดง 'สตรีมสดเพิ่มเติม>'", "ไอคอนนับถอยหลังซองแดง '00:12'", "ไอคอนกล่องของขวัญแสดง 'แนะนำโดย Douyin Mall ในช่วงเทศกาลของขวัญ 520'" ] }, "bottom_left_overlay": { "pinned_host_message": { "avatar": "Anchor Portrait", "name": "Sam Altman", "badge": "During the live stream", "message": "{argument name=\"host message\" default=\"Hello everyone, I'm Ultraman Sam, and I invite you to join Kevin's academy.\"}" }, "live_chat": { "count": 5, "messages": [ "Level 32 badge, user 'AI beginner', content 'Just came to learn, I'm here!'", "Level 18 badge, user 'Xiaokai', content: 'Finally started streaming, let's go!'", "Level 7 badge, user 'Worker Kevin', post: 'A one-man company is awesome!'", "Level 26 badge, user 'Smart อนาคต', เนื้อหา 'ติดตามแล้ว รอชมเนื้อหาเพิ่มเติม!'", "ตราสัญลักษณ์ระดับ 5, ผู้ใช้ 'คู่มือการหารายได้เสริมด้วย AI', เนื้อหา 'วิธีเข้าร่วม?'" ] } }, "โอเวอร์เลย์ด้านล่างขวา": { "การ์ดรหัส QR": { "กราฟิก": "รหัส QR ขนาดใหญ่ที่สามารถสแกนได้ มีโลโก้สีน้ำเงินอยู่ตรงกลาง อ่านว่า 'KEVIN'", "ข้อความหลัก": "{argument name=\"หัวข้อโปรโมชั่น\" ค่าเริ่มต้น=\"เริ่มต้นบริษัท AI คนเดียวโดยไม่ต้องมีประสบการณ์\"}", "ข้อความรอง": "{argument name=\"หัวข้อย่อยโปรโมชั่น\" ค่าเริ่มต้น=\"เปลี่ยนความเป็นผู้ประกอบการให้เป็นธุรกิจที่ทำกำไร\"}", "ปุ่มเรียกใช้งาน": "ปุ่มสีแดงแสดง {argument name=\"ข้อความปุ่ม\" ค่าเริ่มต้น=\"สแกนรหัส QR เพื่อเข้าร่วม\"}" } }, "แถบนำทางด้านล่าง": { "ช่องป้อนข้อมูล": "ช่องข้อความแสดงข้อความ 'พูดอะไรสักอย่าง...'", "icons_count": 5, "icons": [ "ไอคอนอีโมจิหน้ายิ้ม", "ไอคอนตะกร้าสินค้า", "ไอคอนรูปหัวใจ", "ไอคอนกล่องของขวัญ", "ไอคอนเมนูสามจุด" ], "system": "แถบแสดงสถานะหน้าจอหลัก iOS ด้านล่าง" } } }