chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new speak program, fixed nato

Browse Source
This commit is contained in:
chris 2022-03-03 09:42:32 -05:00
parent e9cde19e66
commit b26fe2e786
5 changed files with 2 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
menu/menu.js
View File

@ -30,6 +30,7 @@ var sites = [
["/MTG/", "MTG"],
["/youtube_convert/", "Youtube Converter"],
["/binary/", "Binary Converter"],
["/speak/", "Speak"],
["/nato/", "NATO Phonetic Alphabet"],
["/rollDice", "Dice"],
["/be_mine/", "Be Mine!"],

1
nato/style.css
View File

@ -12,6 +12,7 @@ h1{
text-align: center;
font-family: cursive;
color: whitesmoke;
margin: 15px;
}
.button{
display: flex;

18
speech/Test.html
View File

@ -1,18 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="Test.js"></script>
<div class="container">
<button id="btn" onclick="test()">click me</button>
<h1 id="out"></h1>
</div>
</body>
</html>

28
speech/Test.js
View File

@ -1,28 +0,0 @@
if ('speechSynthesis' in window) {
//
}else{
alert('error')
}
let num = 1;
// alert("test");
var msg = new SpeechSynthesisUtterance();
var voices = window.speechSynthesis.getVoices();
// msg.voice = voices[01];
msg.volume = 1;
// From 0 to 1
msg.rate = 1;
// From 0.1 to 10
msg.pitch = 0;
// From 0 to 2
msg.text = num;
msg.lang = 'en';
//
function test(){
document.getElementById("out").onclick = "";
document.getElementById("out").innerHTML = num;
msg.text = num;
speechSynthesis.speak(msg);
num= num+1;
document.getElementById("out").onclick = "out()";
}

29
speech/style.css
View File

@ -1,29 +0,0 @@
.container{
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
background-color: cornflowerblue;
padding: 20px;
height: 100%;
}
body{
box-sizing: border-box;
margin: 0;
background-color: cornflowerblue;
}
#btn{
color: blueviolet;
background-color: pink;
height: 200px;
width: 200px;
font-size: 4rem;
border-radius: 50%;
border: none;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
h1{
font-size: 7rem;
}