Text-to-SpeechWebApplication资源-CSDN文库

共4个文件

html：2个

js：1个

css：1个

32 浏览量 2023-11-09 09:17:18 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Text-to-Speech Web Application using JavaScript Source Code Free Download.zip （4个子文件）

js-text-to-speech

style.css 1KB

article.html 0B

index.html 2KB

script.js 2KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /> <link rel="stylesheet" href="style.css"> <title>JS - Text to Speech</title> </head> <body> <div id="wrapper"> <h2 id="page-title">Text-to-Speech App using JavaScript</h2> <hr style="width:100px;margin:auto"> <div id="ttp-wrapper"> <textarea type="text" id="textField" rows="8" placeholder="Enter the text you want to convert here...">Swim at your own risk was taken as a challenge for the group of Kansas City college students. Three generations with six decades of life experience. Mary plays the piano. He had decided to accept his fate of accepting his fate.</textarea> <div class="fields"> <button id="speakBtn" class="btn"><span class="material-symbols-outlined">play_arrow</span> Speak</button> <button id="pauseButton" class="btn"><span class="material-symbols-outlined">pause</span> Pause</button> <button id="stopButton" class="btn"><span class="material-symbols-outlined">stop</span> Stop</button> </div> <div class="fields"> <div> <label for="">Voice</label> <select name="narrator" id="narrator"> </select> </div> <div> <label for="">Speed</label> <select name="narrationSpeed" id="narrationSpeed"> <option value=".75">x.75</option> <option value="1" selected>x1</option> <option value="1.25">x1.25</option> <option value="1.50">x1.50</option> <option value="1.75">x1.75</option> <option value="2">x2</option> </select> </div> </div> </div> </div> <script src="script.js"></script> </body> </html>

评论收藏

内容反馈