About
Explore
Events & Classes
Support Us
Join
Sign In
Zachary Rude
View Project Page
Run
Fullscreen
Text-to-Speech
HTML
CSS
JS
<html> <head> <title>reCaptcha</title> </head> <body> <iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Lc6Aa8ZAAAAAKbCPf3rzv-Gri285TgtRze3XTRl&co=aHR0cHM6Ly9qdXN0Y29kYWJvcmF0ZS5jb206NDQz&hl=en&v=npGaewopg1UaB8CNtYfx-y1j&size=normal&cb=a2uapkp3l4ct" frameborder="0" scrolling="no" width="100%"></iframe> <textarea></textarea><br> <button id="play-button">Play</button> </body> </html>
textarea { resize: none; font-family: Roboto; }
const play_button = document.getElementById("play-button"); const tent_input = document.getElementsByTagName("textarea")[0]; let currentCharacter, voices; play_button.addEventListener("click", () => { play_text(text_input.value); }); const utternace = new SpeechSynthesesUtterance(); voices = window.speechSynthesis.getVoices(); utternace.voice = voices[3}; function play_text(text) { utternace.text = text; speechSyntheses.speak(utternace); }