<!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">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L85RJPZEHX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-L85RJPZEHX');
</script>
<link rel="stylesheet" href="style.css">
<title>Simple Text To Speech App</title>
</head>
<body>
<div class="main">
<div id="section-1" class="section-alignment">
<!-- Top content -->
<h2 id="landing-header">Simple Text To Speech App</h2>
<div class="padding-semi-large"></div>
<div class="padding"></div>
<textarea type="text" style="color:#fff;" id="textInput" rows="8" placeholder="Enter text here to speak it"></textarea>
<div class="padding-semi-large"></div>
<div id="app-store-buttons">
<button id="speakTextButton" class="button-standard" onclick="speakInputText()">Speak Now<img class="icon-link"
src="./assets/icons/speakIcon.svg"></button>
<p>|</p>
<button id="pauseButton" class="button-standard" onclick="pauseSpeech()">Pause<img class="icon-link-small"
src="./assets/icons/pauseIcon.svg"></button>
<p>|</p>
<button class="button-standard" onclick="stopSpeech()">Stop<img class="icon-link-small"
src="./assets/icons/stopIcon.svg"></button>
</div>
<div id="dropdowns">
<div class="optionsDiv">
<select name="voiceOptions" id="voiceOptions" onchange="changeVoice(this.value)">
<option value="voice1">Daniel's voice</option>
<option value="voice7">Samantha's voice</option>
<option value="voice3">Alex's voice</option>
<option value="voice6">Olivia's voice</option>
<option value="voice9">Victoria's voice</option>
</select>
</div>
<div class="optionsDiv">
<select name="speedOptions" id="speedOptions" onchange="changeVoiceSpeed(this.value)">
<option value="speed1">1x speed</option>
<option value="speed0.75">0.75x speed</option>
<option value="speed0.5">0.5x speed</option>
<option value="speed1.25">1.25x speed</option>
<option value="speed1.5">1.5x speed</option>
<option value="speed1.75">1.75x speed</option>
<option value="speed2">2x speed</option>
</select>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
Simple Text to Speech App using JavaScript
102 浏览量
2023-11-08
19:52:29
上传
评论
收藏 8KB ZIP 举报
Simple Text to Speech App using JavaScript with Free Source Code.zip （7个子文件） 
Simple Text to Speech App using JavaScript 
style.css 6KB assets icons 
pauseIcon.svg 988B stopIcon.svg 1023B resumeIcon.svg 764B speakIcon.svg 1KB
index.html 3KB script.js 3KB资源评论
