#4817 Prompt for Talking Avatar in HTML, CSS and JavaScript using TTS; +HTML App
#4817 Prompt for Talking Avatar in HTML, CSS and JavaScript using TTS #4817 Provide a prompt to create a talking avatar in HTML, CSS and JavaScript using TTS Here is a detailed prompt you can use with any code-generation AI to build a fully functional, self-contained talking avatar: Create a complete, single-file HTML/CSS/JavaScript web application featuring an interactive 2D talking avatar driven by the Web Speech API (Text-to-Speech). ### Core Requirements: 1. **Avatar Structure & Design (HTML & CSS):** - Design a clean, modern, centered avatar using pure CSS or inline SVG. - Include distinct facial elements: eyes, eyebrows, cheeks, and a mouth. - The mouth element must have dynamic states: - Neutral closed mouth (default state). - Viseme/phoneme open shapes (e.g., small open, wide open, round "O") controlled via CSS classes or SVG path morphing/height scaling. - Include subtle idle animations (an occasional eye blink every 3–5 seco...