Prompt
Code in html, css, and javascript a self-contained, complete, and embeddable scene by scene summary of Shakespeare's play Hamlet. Use the included image to show which actors are on stage. Use the included script to provide a summary of each scene. Animate characters moving on to the stage and leaving the stage as the stage directions provide. Allow a play button to have the summary read aloud. Create characters so they look like the characters in the included image.
Iteration
Allow the user to select the act and scene from a drop down menu. Ensure that the voice is clear and easily understood. Make the summary more detailed.
Iteration 2
Add a Stop button to stop the reading. Can you make the characters look like people?
Iteration 3
Speech takes way to long to initiate after the Listen button is clicked. Ensure that each actor has a unique look so the user can tell them apart.
Iteration 4
Include every act and every scene so the user gets a complete summary of the play. Make the actors more realistic. Ensure that the audio playback happens more quickly while still sounding realistic and understandable.
Iteration 5
The audio has too many pauses and takes too long to initiate. Make the characters even more realistic. It's too hard to see their faces.
Iteration 6
Include every Scene in every Act. Make the audio work more quickly with fewer awkward pauses. Make the Scene summaries more detailed. Make the characters have arms, legs, and recognizable faces.
Iteration 7
Is there any way to speed up the launch of the narration?