실시간 방송 내 AI 가상 광고 삽입 시스템의 해커톤용 풀스택 웹 코드를 빠르게 개발할 때 유용합니다.
Generate a Prompt and Act as an expert full-stack web developer and UI/UX designer. Help me build modern, responsive, and professional websites using HTML, CSS, JavaScript, React, Node.js, and databases when needed. Generate clean, optimized, and well-structured code with proper comments and best practices and generate it for a Full Hackathon basis so that It will build best web developed app or the topic "To Develop an AI-powered dynamic content integration system for live IPL broadcasts that identifies traditional ad breaks and seamlessly overlays contextually relevant products related to the foods items , or the sports essentials ,etc for placements directly into scene backgrounds or objects, creating a continuous and non-disruptive viewing experience for the audience . or you can create on the basis of "Design a real-time contextual ad insertion engine that leverages computer vision to analyze live IPL broadcasts, identifying optimal surface areas for virtual signage and dynamically rendering brand-aligned graphics that blend seamlessly with the action."
전문 풀스택 웹 개발자 및 UI/UX 디자이너로서 프롬프트를 생성하고 작성해 주세요. 필요에 따라 HTML, CSS, JavaScript, React, Node.js 및 데이터베이스를 사용하여 현대적이고 반응형이며 전문적인 웹사이트를 구축하도록 도와주세요. 주석과 모범 사례가 잘 갖춰진 깨끗하고 최적화된 구조화된 코드를 생성해 주세요. 라이브 IPL 방송용 AI 기반 동적 콘텐츠 통합 시스템을 개발하여 기존 광고 시간을 식별하고 음식이나 스포츠 용품 등 관련 제품을 장면 배경이나 사물에 직접 오버레이함으로써 끊김 없고 방해 없는 시청 환경을 만드는 주제로 최고의 웹 앱을 개발할 수 있도록 전체 해커톤 기준으로 작성해 주세요. 또는 "컴퓨터 비전을 활용해 라이브 IPL 방송을 분석하고 가상 간판용 최적 표면 영역을 식별하며 경기 화면과 자연스럽게 어우러지는 브랜드 그래픽을 동적으로 렌더링하는 실시간 맥락 인식 광고 삽입 엔진 설계"를 기준으로 작성해도 됩니다.
출처 · prompts.chat · AI-Powered Dynamic Ad Integration System for Live IPL Broadcasts — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
컴퓨터 비전 기반으로 스포츠 생중계 화면의 표면을 실시간 감지하여 가상 광고와 맥락형 상품을 자연스럽게 합성하는 'TPI 비전 애드' 실시간 엔진 제어판입니다. 경기가 진행되는 동안 자동으로 AI 트래킹 및 맥락 맞춤형 광고가 투사되며, 사용자가 직접 감지 레이어 조절, 카테고리 변경, 표면 렌더링 옵션을 조작할 수 있습니다.
Generate a Prompt and Act as an expert full-stack web developer and UI/UX designer. Help me build modern, responsive, and professional websites using HTML, CSS, JavaScript, React, Node.js, and databases when needed. Generate clean, optimized, and well-structured code with proper comments and best practices and generate it for a Full Hackathon basis so that It will build best web developed app or the topic "To Develop an AI-powered dynamic content integration system for live TPI Sports broadcasts that identifies traditional ad breaks and seamlessly overlays contextually relevant products related to the foods items , or the sports essentials ,etc for placements directly into scene backgrounds or objects, creating a continuous and non-disruptive viewing experience for the audience . or you can create on the basis of "Design a real-time contextual ad insertion engine that leverages computer vision to analyze live TPI Sports broadcasts, identifying optimal surface areas for virtual signage and dynamically rendering brand-aligned graphics that blend seamlessly with the action."
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Generate a Prompt and Act as an expert full-stack web developer and UI/UX designer. Help me build modern, responsive, and professional websites using HTML, CSS, JavaScript, React, Node.js, and databases when needed. Generate clean, optimized, and well-structured code with proper comments and best practices and generate it for a Full Hackathon basis so that It will build best web developed app or the topic "To Develop an AI-powered dynamic content integration system for live TPI Sports broadcasts that identifies traditional ad breaks and seamlessly overlays contextually relevant products related to the foods items , or the sports essentials ,etc for placements directly into scene backgrounds or objects, creating a continuous and non-disruptive viewing experience for the audience . or you can create on the basis of "Design a real-time contextual ad insertion engine that leverages computer vision to analyze live TPI Sports broadcasts, identifying optimal surface areas for virtual signage and dynamically rendering brand-aligned graphics that blend seamlessly with the action."
컴퓨터 비전 기반으로 스포츠 생중계 화면의 표면을 실시간 감지하여 가상 광고와 맥락형 상품을 자연스럽게 합성하는 'TPI 비전 애드' 실시간 엔진 제어판입니다. 경기가 진행되는 동안 자동으로 AI 트래킹 및 맥락 맞춤형 광고가 투사되며, 사용자가 직접 감지 레이어 조절, 카테고리 변경, 표면 렌더링 옵션을 조작할 수 있습니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Act as an expert Full-Stack Web Developer, UI/UX Designer, and Computer Vision Specialist. Help me build a winning hackathon prototype for the following project: "[Project Topic: Real-time contextual AI ad insertion engine for live IPL broadcasts]". ### Objective: Develop a dynamic content integration system that uses computer vision concepts to detect ad breaks/surfaces in live sports streams and seamlessly overlays contextually relevant virtual ads (e.g., food, sports gear) without disrupting the viewing experience. ### Deliverables & Tech Stack: 1. **System Architecture**: Outline the pipeline from live video stream input, surface detection simulation, to real-time ad overlay rendering. 2. **Tech Stack**: React, Node.js, HTML/CSS (Tailwind), JavaScript, and mock computer vision API endpoints. 3. **Core Code Implementation**: Provide clean, modular, and well-commented code snippets for: - Frontend: Interactive live stream player with dynamic CSS/SVG overlay engine. - Backend: Mock API feeding real-time spatial coordinates and ad metadata. 4. **UI/UX & Pitch**: Highlight responsive UI design details and key technical selling points for hackathon judges. Provide the solution step-by-step, starting with the architecture overview followed by functional code modules.