-
Notifications
You must be signed in to change notification settings - Fork 61
/
Copy pathindex.html
30 lines (21 loc) · 1.43 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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Simple speech input for inputs and textareas</title>
<meta name="viewport" content="width=540">
<link rel="stylesheet" href="speech-input.css">
<link rel="stylesheet" href="demo.css">
<h1>
<code><span class="tag-marker"><</span><span class="tag-name">input</span><span class="tag-marker">></span></code> and <code><span class="tag-marker"><</span><span class="tag-name">textarea</span><span class="tag-marker">></span></code> speech recognition
<a class="github-button" href="https://github.com/Daniel-Hug/speech-input" data-icon="octicon-star" data-style="mega" data-count-href="/Daniel-Hug/speech-input/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star Daniel-Hug/speech-input on GitHub">Star</a>
</h1>
<form action="." method="get">
<h2>Single-line input</h2>
<input type="text" class="speech-input" placeholder="What's up?" name="eng-input">
<h2>Single-line input (Spanish)</h2>
<input type="text" class="speech-input" placeholder="¿Qué tal?" data-ready="Habla ahora" name="spa-input" lang="es">
<h2>Multi-line text area</h2>
<textarea class="speech-input" placeholder="What's your story?" rows="10" cols="40" name="eng-textarea"></textarea>
</form>
<script src="speech-input.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>