Original AI Prompt
Generate & Play Hailuo AI video：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Police Arrest Scene</title> <style> body { background-color: #222; color: white; text-align: center; font-family: Arial, sans-serif; overflow: hidden; } #scene { position: relative; width: 100vw; height: 100vh; background: linear-gradient(to top, #444, #222); } .person, .police { position: absolute; bottom: 20px; width: 50px; height: 100px; background-color: #ccc; border: 2px solid black; border-radius: 10px; text-align: center; line-height: 100px; font-weight: bold; } .police { background-color: navy; color: white; } #person { left: 40%; } #police1 { left: -60px; transition: left 3s linear; } #police2 { left: 100vw; transition: left 3s linear; } #arrestButton { padding: 10px 20px; font-size: 18px; margin-top: 20px; cursor: pointer; } #message { font-size: 24px; margin-top: 20px; } </style> </head> <body> <div id="scene"> <div id="person" class="person">👤</div> <div id="police1" class="police">👮</div> <div id="police2" class="police">👮</div> </div> <button id="arrestButton">Arrest!</button> <div id="message"></div> <script> const btn = document.getElementById("arrestButton"); const police1 = document.getElementById("police1"); const police2 = document.getElementById("police2"); const message = document.getElementById("message"); btn.onclick = () => { police1.style.left = "35%"; police2.style.left = "45%"; message.textContent = "The police have arrived! Being arrested..."; setTimeout(() => { message.textContent = "Suspect arrested! 👮
AI-Powered Analysis
A simple arrest scene between a young boy and police officers in a rural setting.
