Original AI Prompt
Generate & Play Hailuo AI video：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Animation of Numbers and Colors</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f8ff; flex-direction: column; } .container { font-size: 5rem; font-weight: bold; padding: 20px; border-radius: 10px; transition: background-color 1s, color 1s; } .lyrics { font-size: 1.5rem; margin-top: 20px; font-weight: bold; text-align: center; } </style> </head> <body> <div class="container" id="number">1</div> <div class="lyrics" id="lyrics">The sun shines up in the sky, what color does it have?</div> <script> let numberElement = document.getElementById("number"); let lyricsElement = document.getElementById("lyrics"); let count = 1; const colors = ["#FFD700", "#1E90FF", "#FF4500", "#32CD32"); const texts = [ "The sun shines up in the sky, what color does it have?", "The sky so beautiful, what color could it be?", "The apples are red, sweet to eat.", "The grass in the field is green like tea." ]; setInterval(() => { count = count < 4 ? count + 1 : 1; numberElement.textContent = count; numberElement.style.backgroundColor
AI-Powered Analysis
A simple animation of numbers and colors with a focus on educational content.
