-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
69 lines (66 loc) · 3.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Send Email with Speech Recognition</title>
<link rel="stylesheet" href="speech.min.css" type="text/css" />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6373746702889938" crossorigin="anonymous"></script>
</head>
<body>
<h3 style='text-align: center'>Send Email with Speech</h3>
<p style='text-align: center;'><a href="https://github.com/Phe0nix/Speech-Email-Sender" target="_blank" style="background: lightgrey; padding: 3px 8px; color:#333; text-decoration: none; border: 1px solid #333; border-radius: 6px;">Github</a></p>
<div class="main">
</div>
<div class='speech'>( Click start button & talk )</div>
<button class='start' tabindex="0">Start</button>
<button class='stop'>Stop</button>
<!-- <button class='email'>Send Email</button> -->
<button class='instructionBtn'>Instruction</button>
<button class='clear'>Clear</button>
<span class="statusBar" data-text='Listening...'></span>
<br/>
<div class="instructionContainer hide" tabindex="-1">
<button class='instructionClose' tabindex="-1">X</button>
<h3>Instructions:</h3>
<ol>
<li>Click Start button and click 'allow' to use microphone if popup comes up.</li>
<li>After allowing, just start talking means your subject text.</li>
<li>Speaking Commands:
<ul>
<li>For comma(,) say <mark class='markText'>'comma'</mark>.</li>
<li>For fullstop(.) say <mark class='markText'>'full stop'</mark>.</li>
<li>For exclamation(!) say <mark class='markText'>'exclamation sign'</mark>.</li>
<li>For question mark(?) say <mark class='markText'>'question mark'</mark>.</li>
<li>For delete something, say <mark class='markText'>'delete now'</mark>.</li>
</ul>
</li>
<li>After completing your subject, say <mark class='markText'>'line break'</mark> to break the line for your body content. After break, the body content part will start.</li>
<li>Say <mark class="markText">'paragraph break'</mark> for provide break between two lines.</li>
<li>When everything's done means after completing your body part, say <mark class='markText'>'send email'</mark> to open your default email provider(wheather it's a app or gmail account) and send mail specifically via gmail, just say <mark class="markText">send gmail</mark> and it'll open gmail.com and then just edit your recipient's email address and send email.</li>
<li>If you send email without providing 'line break' command (see point 4), then subject and body both will take the same content. </li>
</ol>
<h3>Background Color Change Commands:</h3>
<pre style='white-space: pre-wrap;'>
{
<span>Green : </span><mark class='markText'>'green'</mark><br>
<span>Purple : </span><mark class='markText'>'purple'</mark><br>
<span>Yellow : </span><mark class='markText'>'yellow'</mark><br>
<span>White : </span><mark class='markText'>'white'</mark><br>
<span>Tomato : </span><mark class='markText'>'tomato'</mark><br>
<span>Tan : </span><mark class='markText'>'tan'</mark><br>
<span>Thistle : </span><mark class='markText'>'thistle'</mark><br>
<span>Wheat : </span><mark class='markText'>'wheat'</mark><br>
<span>Lime : </span><mark class='markText'>'lime'</mark>
}
</pre>
<small class='smallText'><span>*</span> Yellow mark texts are the commands.</small>
</div>
<div class="notSupport">
<p><span>❌</span><span>Not Supported</span></p>
<p>Speech Recognition Only Working On Chrome</p>
<p>Try To Open This On Chrome</p>
</div>
<script src="speech.min.js" type="text/javascript"></script>
</body>
</html>