Mockup Giao Diện YouTube Trực Tiếp

{
  "type": "YouTube Live Stream UI mockup",
  "theme": "dark mode",
  "layout": {
    "top_bar": {
      "components": [
        "hamburger menu",
        "YouTube logo",
        "search bar",
        "microphone icon",
        "create icon",
        "notifications icon",
        "profile avatar"
      ]
    },
    "video_player": {
      "status": "LIVE badge in top left",
      "left_side": "A [man in a green sweater] standing at a wooden podium with a spiral logo, gesturing with hands, laptop on podium.",
      "right_side_presentation": {
        "text_elements": [
          "OpenAI",
          "INTRODUCING",
          "[GPT-Image-2]",
          "[More Realistic. More Useful. More Creative.]"
        ],
        "image_gallery": {
          "count": 4,
          "panels": [
            "mountain lake with a boat",
            "close-up portrait of a woman with dappled lighting",
            "cute robot holding a lantern in a dark forest",
            "impressionist painting of a glowing city street at night"
          ]
        }
      },
      "bottom_controls": {
        "components": [
          "play/pause",
          "next",
          "volume",
          "LIVE text",
          "red progress bar",
          "CC",
          "settings gear",
          "miniplayer",
          "theater mode",
          "fullscreen"
        ]
      }
    },
    "video_info": {
      "title": "[OpenAI Live: Introducing GPT-Image-2]",
      "channel_section": {
        "name": "[OpenAI]",
        "badge": "verified checkmark",
        "subscribers": "1.36M subscribers",
        "button": "Subscribe (white pill button)"
      },
      "action_buttons": {
        "count": 5,
        "labels": [
          "Like (12K)",
          "Dislike (497)",
          "Share",
          "Save",
          "..."
        ]
      },
      "description_box": {
        "metadata": "95,237 watching now, Started streaming 7 minutes ago",
        "hashtags": "#OpenAI #GPTImage2 #AI",
        "body_text": "Join us for a special live event as we introduce GPT-Image-2, our latest and most advanced image generation model. See new capabilities, live demos, and hear from the team ...more"
      }
    }
  }
}