-
Notifications
You must be signed in to change notification settings - Fork 3
/
options.html
127 lines (117 loc) · 7.69 KB
/
options.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8" />
<title class="locale" id="lang_options">TTS Reader - Options</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/options.css">
<link rel="stylesheet" href="css/widgets.css">
</head>
<body>
<div id="navigation">
<div id="product-name">
<h1>Chrome</h1>
</div>
<div id="nav">
<ul>
<li>
<a href="chrome://chrome/history/">History</a>
</li>
<li>
<a href="chrome://chrome/extensions/">Extensions</a>
</li>
<li>
<a href="chrome://chrome/settings/">Settings</a>
</li>
<li class="selected">TTS Reader</li>
<li>
<a href="chrome://chrome/help/">Help</a>
</li>
</ul>
</div>
</div>
<div id="content-holder" class="">
<div id="page-header">
<h1 id="options_title"> TTS Reader</h1>
<div id="app_logo"> </div>
</div>
<div id="options">
<div class="fieldset">
<div class="title locale" id="lang_playback">Playback Settings</div>
<div class="select">
<label>
<span id="lang_engine" class="locale">Text to Speech engine</span>
<select id="voice" name="voice"></select>
<span class="locale" id="lang_voices"></span>
</label>
</div>
<div class="range">
<label>
<span id="lang_volume" class="locale">Default Volume Level</span>
<input id="volume" type="range" min="0" max="100" value="0">
<span id="percents"></span>
</label>
</div>
<div class="range">
<label>
<span id="lang_rate" class="locale">Speech rate</span>
<input id="rate" type="range" min="0.5" max="4.0" value="1.0" step="0.1">
<span id="rateps"></span>
~
<span id="words">200</span>
<span id="lang_wpm" class="locale">words/minute</span>
</label>
</div>
<div id="moreoptions" style="display:none">
<div class="range">
<label>
<span id="lang_pitch" class="locale">Pitch</span>
<input id="pitch" type="range" min="0.0" max="2.0" value="1.0" step="0.2">
<span id="percents"></span>
</label>
</div>
</div>
</div>
<div class="fieldset">
<div class="title locale" id="lang_testing">Testing</div>
<input type="text" id="testtext" value="This is a test text for Google Chrome extension called TTS Reader"></input>
<div id="test"></div>
</div>
<div class="fieldset">
<div class="title locale" id="lang_shortcuts">Shortcuts Settings</div>
<div class="input">
<label>
<span class="locale" id="lang_keyboard">Keyboard shortcut</span>
<input type="text" id="hotkeys">
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="context" />
<span class="locale" id="lang_contex">Enable TTS Reader contex menu shortcut.</span>
</label>
</div>
<span class="locale" id="contx_info">Restart Chrome for changes to take effect.</span>
</div>
<div class="fieldset">
<div class="title locale" id="lang_input">Speech Input Settings</div>
<div class="checkbox">
<label>
<input type="checkbox" id="speechinput">
<span class="locale" id="lang_stt">Enable Speech to Text feature</span>
</label>
</div>
</div>
</div>
</div>
<div id="bugs">
<a href="https://github.com/ds-hwang/TTSReader/issues">
<img src="data:image/png;base64,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"
/> Need to report a bug or suggest a new feature?
</a>
</div>
<script type="text/javascript" src="js/languages.js"></script>
<script type="text/javascript" src="js/options.js"></script>
</body>
</html>