สร้างม็อกอัปรายละเอียดของหน้าแรกเว็บไซต์สตรีมมิ่งวิดีโอ โดยมีแถบด้านข้าง แท็กหมวดหมู่ และตารางแสดงภาพตัวอย่างวิดีโอพร้อมชื่อเรื่องและข้อมูลเมตา
{
"type": "ม็อกอัป UI เว็บเบราว์เซอร์",
"platform": "YouTube",
"browser_window": {
"style": "macOS โหมดสว่าง",
"tab": "YouTube",
"url_bar": "youtube.com"
},
"layout": {
"header": {
"components": ["เมนูแฮมเบอร์เกอร์", "โลโก้แพลตฟอร์ม", "แถบค้นหา", "ไอคอนสร้างวิดีโอ", "กระดิ่งแจ้งเตือน", "รูปโปรไฟล์ผู้ใช้"]
},
"sidebar": {
"position": "ซ้าย",
"item_count": 11,
"sections": [
{
"name": "หลัก",
"items": ["หน้าแรก", "Shorts", "การติดตาม", "Originals", "YouTube Music"]
},
{
"name": "สำรวจ",
"items": ["มาแรง", "ช้อปปิ้ง", "เพลง", "ภาพยนตร์", "สด", "เกม"]
}
]
},
"main_content": {
"category_tags": {
"count": 10,
"labels": ["ทั้งหมด", "เกม", "เพลง", "สด", "พอดแคสต์", "AI", "รถยนต์", "มิกซ์", "ข่าว", "อัปโหลดล่าสุด"]
},
"video_grid": {
"card_count": 5,
"cards": [
{
"position": "ซ้ายบน",
"size": "ใหญ่",
"thumbnail_description": "Sam Altman และ Greg Brockman นั่งอยู่บนเวทีข้างหุ่นยนต์ฮิวแมนนอยด์ พร้อมข้อความซ้อนทับ 'OpenAI Introducing Our Humanoid Robot' และป้าย LIVE",
"video_title": "Introducing Our Humanoid Robot",
"channel_name": "OpenAI",
"metadata": "กำลังรับชม 482K คน"
},
{
"position": "ขวาบน",
"size": "ใหญ่",
"thumbnail_description": "ใบหน้าชายที่กำลังประหลาดใจทางด้านซ้าย คฤหาสน์หลังใหญ่ที่ซ่อนอยู่ในป่าพร้อมการระเบิดทางด้านขวา และข้อความสีเหลืองตัวหนาซ้อนทับ 'TOTAL SECRECY'",
"video_title": "I Bought 100 Million Dollar Secret House!",
"channel_name": "MrBeast",
"metadata": "4.1M วิว, 19 ชั่วโมงที่แล้ว, ความยาว 20:49"
},
{
"position": "ซ้ายล่าง",
"size": "เล็ก",
"thumbnail_description": "Steve Carell ถือแล็ปท็อปที่แสดงฉากจากเรื่อง The Office",
"video_title": "Steve Carell เจาะลึกตัวละครที่เป็นเอกลักษณ์ที่สุดของเขา | GQ",
"channel_name": "GQ",
"metadata": "987K วิว, 2 วันที่แล้ว, ความยาว 17:46"
},
{
"position": "กลางล่าง",
"size": "เล็ก",
"thumbnail_description": "ชายคนหนึ่งกำลังส่องกล้องทางไกลดูเรือใบในมหาสมุทรช่วงพระอาทิตย์ตก",
"video_title": "Black Sails สวยงามมาก!",
"channel_name": "Savage Books",
"metadata": "606K วิว, 2 วันที่แล้ว, ความยาว 17:46"
},
{
"position": "ขวาล่าง",
"size": "เล็ก",
"thumbnail_description": "ตัวละครฆาตกรสวมหน้ากากสุดสยองจากวิดีโอเกม พร้อมข้อความซ้อนทับ 'DEAD OF DAYLIGHT'",
"video_title": "เล่นเป็น The Seekers ใน Dead By Daylight",
"channel_name": "Unknown",
"metadata": "806K วิว, 1 วันที่แล้ว, ความยาว 28:39"
}
]
}
}
}
}
