<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
if (location.protocol !== "https:") location.protocol = "https:";
</script>
<meta content="text/html;
<meta charset=" http-equiv="Content-Type" utf-8"="">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
<meta http-equiv="X-UA-Compatible">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="all-back.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="all-back.css" crossorigin="anonymous"> -->
<!-- integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> -->
<!-- <link rel="manifest" href="/site.webmanifest">-->
<title>
Speech Recognition
</title>
<style>
/* type="text/css"> */
/*
body, html {
margin: 0;
}
*/
dot {
height : 25px;
width : 25px;
background-color : #bbb;
border-radius : 50%;
display : inline-block;
}
html {
height : 100%;
}
body {
height : 90%;
max-width : 800px;
margin : 0 auto;
}
h1, p {
font-family : sans-serif;
text-align : center;
padding : 20px;
}
.txt, select, form > div {
display : block;
margin : 0 auto;
font-family : sans-serif;
font-size : 16px;
padding : 5px;
}
.txt {
width : 80%;
}
select {
width : 83%;
}
form > div {
width : 81%;
}
.txt, form > div {
margin-bottom : 10px;
overflow : auto;
}
.clearfix {
clear : both;
}
label {
float : left;
width : 10%;
line-height : 1.5;
}
.rate-value, .pitch-value {
float : right;
width : 5%;
line-height : 1.5;
}
#rate, #pitch {
float : right;
width : 81%;
}
.controls {
text-align : center;
margin-top : 10px;
}
.controls button {
padding : 10px;
}
/*
.centerDiv
{
position:relative;
width: 60%;
height:200px;
margin: 0 auto;
background-color:#c0c0c0; // #FFA500 ;
margin-top: -400px;
width:400px;
height:400px;
position: relative; //absolute; // fixed;
background-color: #c0c0c0; //#00FF00;
top: 50%;
left: 50%;
margin-top: -350px;
margin-left: -200px;
}
*/
#mydiv {
position : absolute;
z-index : 9;
background-color : #f1f1f1;
text-align : center;
border : 1px solid #d3d3d3;
top : 0px;
left : 10px;
//
margin : 10px;
//
background : yellow;
//
position : absolute;
//
top : 50%;
//
left : 50%;
//
margin-right : -50%;
//
transform : translate(-50%, -50%)
}
}
#mydivheader {
padding : 10px;
cursor : move;
font-family : verdana;
font-size : 12px;
z-index : 10;
background-color : #2196F3;
color : #fff;
}
#mydiv2 {
position : absolute;
z-index : 9;
background-color : #f1f1f1;
text-align : center;
border : 1px solid #d3d3d3;
top : 0px;
width : 400px;
margin : 20px;
//
left : 400px;
//
margin : 0;
//
background : yellow;
//
position : absolute;
//
top : 50%;
//
margin-left : 50%;
//
left : width-50%;
//
margin-right : -50%;
//
transform : translate(-50%, -50%)
}
}
#mydivheader2 {
// Alert is located here
padding: 10px;
font-family : verdana;
font-size : 14px;
cursor : move;
z-index : 10;
background-color : #2196F3;
color : #fff;
}
.responsive {
width : 100%;
height : auto;
}
.dAccordion {
// overflow-y : auto;
//
background-color : #eee;
//
color : black;
//
display : block;
//
padding : 12px;
//
text-decoration : none;
position : absolute;
}
.accordion {
//display : block;
//
overflow-y : auto;
z-index : 9;
background-color : #eee;
color : #444;
cursor : pointer;
padding : 8px; // 18px;
width : 80%;
border : none;
text-align : left;
outline : none;
font-size : 12px;// 15px;
transition : 0.4s;
}
.active, .accordion:hover {
background-color : #ccc;
}
.accordion:after {
content : "+";
color : #777;
font-weight : bold;
float : right;
margin-left : 5px;
}
.active:after {
content : "−";
}
.panel {
font-size : 12px;// 15px;
padding : 0 8px;// 18px;
background-color : white;
max-height : 0;
overflow : hidden;
transition : max-height 0.2s ease-out;
}
/*
html {
padding: 1em;
}
button {
width: 200px;
height: 100px;
margin-bottom: 1em;
}
*/
#stopWatch {
width : 280px;
height : auto;
text-align : center;
display : block;
padding : 5px;
margin : 0 auto;
}
#timer, #fulltime {
width : auto;
height : auto;
padding : 10px;
font-weight : bold;
font-family : tahoma;
display : block;
border : 1px solid #eee;
text-align : center;
box-shadow : 0 0 5px #ccc;
background : #fbfbf0;
color : darkblue;
border-bottom : 4px solid darkgrey;
}
button {
cursor : pointer;
font-weight : 700;
}
#fulltime {
display : none;
font-size : 16px;
font-weight : bold;
}
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
body {
font-family : Arial, Helvetica, sans-serif;
}
/* The Modal (background) */
.modal {
display : none; /* Hidden by default */
position : fixed; /* Stay in place */
z-index : 1; /* Sit on top */
padding-top : 100px; /* Location of the box */
left : 0;
top : 0;
width : 100%; /* Full width */
height : 100%; /* Full height */
overflow : auto; /* Enable scroll if needed */
background-color : rgb(0,0,0); /* Fallback color */
background-color : rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
position : relative;
background-color : #fefefe;
margin : auto;
padding : 0;
border : 1px solid #888;
width : 80%;
box-shadow : 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name : animatetop;
animation-duration : 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {
top : -300px;
opacity : 0
}
to {
top : 0;
opacity : 1
}
}
@keyframes animatetop {
from {
top : -300px;
opacity : 0
}
to {
top : 0;
opacity : 1
}
}
/* The Close Button */
.close1 {
color : white;
float : right;
font-size : 28px;
font-weight : bold;
}
.close1:hover,
.close1:focus {
color : #000;
text-decoration : none;
cursor : pointer;
}
.modal-header {
padding : 2px 16px;
background-color : #5cb85c;
color : white;
}
.modal-body {
padding : 2px 16px;
}
.modal-footer {
padding : 2px 16px;
background-color : #5cb85c;
color : white;
}
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
body {
margin : 0;
min-width : 250px;
}
/* Include the padding and border in an element's total width and height */
* {
box-sizing : border-box;
}
/* Remove margins and padding from the list */
ul {
margin : 0;
padding : 0;
}
/* Style the list items */
ul li {
cursor : pointer;
position : relative;
padding : 12px 8px 12px 40px;
list-style-type : none;
background : #eee;
font-size : 18px;
transition : 0.2s;
/* make the list items unselectable */
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
}
/* Set all odd list items to a different color (zebra-stripes) */
ul li:nth-child(odd) {
background : #f9f9f9;
}
/* Darker background-color on hover */
ul li:hover {
background : #ddd;
}
/* When clicked on, add a background color and strike out text */
ul li.checked {
background : #888;
color : #fff;
text-decoration : line-through;
}
/* Add a "checked" mark when clicked on */
ul li.checked::before {
content : "";
position : absolute;
border-color : #fff;
border-style : solid;
border-width : 0 2px 2px 0;
top : 10px;
left : 16px;
transform : rotate(45deg);
height : 15px;
width : 7px;
}
/* Style the close button */
.close2 {
position : absolute;
right : 0;
top : 0;
padding : 12px 16px 12px 16px;
}
.close2:hover {
background-color : #f44336;
color : white;
}
/* Style the header */
.header {
background-color : #f44336;
padding : 30px 40px;
color : white;
text-align : center;
}
/* Clear floats after the header */
.header:after {
content : "";
display : table;
clear : both;
}
/* Style the input */
input {
margin : 0;
border : none;
border-radius : 0;
width : 75%;
padding : 10px;
float : left;
font-size : 16px;
}
/* Style the "Add" button */
.addBtn {
padding : 10px;
width : 25%;
background : #d9d9d9;
color : #555;
float : left;
text-align : center;
font-size : 16px;
cursor : pointer;
transition : 0.3s;
border-radius : 0;
}
.addBtn:hover {
background-color : #bbb;
}
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
/
Image Reader
.thumb {
height : 75px;
border : 1px solid #000;
margin : 10px 5px 0 0;
}
.thirdrow {
background-color : white;
border : 1px solid grey;
border-radius : 10px;
}
.input-field-div {
display : inline-block;
}
}
/*
#videoBG {
border-radius: 25px;
border: 2px solid #73AD21;
padding: 20px;
width: 600px;
height: 400px;
}
*/
#dMessageCenterContainer {
position : absolute;
border-radius : 25px;
border : 2px solid #73AD21;
padding : 20px;
width : 620px;
height : 550px;
top : 0;
//
text-align : center;
//
margin : 0 auto;
//
display : inline-block;
margin : 10px 5px 0 0;
}
#tMessageCenterIn {
border-radius : 25px;
border : 2px solid #73AD21;
padding : 20px;
width : 600px;
height : 400px;
}
#tMessageCenterOut {
border-radius : 25px;
border : 2px solid #73AD21;
padding : 20px;
width : 600px;
height : 100px;
}
.data {
display : none;
}
.dot {
height : 10px;
width : 10px;
background-color : #bbb;
border-radius : 50%;
display : inline-block;
}
/* recorder starts here */
#record {
background-color : red; /* Green */
border-width : medium;
border-color : black;
color : white;
padding : 20px;
text-align : center;
text-decoration : none;
display : inline-block;
font-size : 16px;
margin : 4px 2px;
cursor : pointer;
max-width : 50%;
max-height : 15%;
border-radius : 50%;
left : 100px;
right : 100px;
position : relative;
}
#stopRecord {
background-color : green; /* Green */
border-width : medium;
border-color : black;
color : white;
padding : 20px;
text-align : center;
text-decoration : none;
display : inline-block;
font-size : 16px;
margin : 4px 2px;
cursor : pointer;
max-width : 50%;
max-height : 15%;
border-radius : 50%;
left : 100px;
right : 100px;
position : relative;
}
h2 {
left : 100px;
position : relative;
}
#recordedAudio {
// left : 100px;
//
right : 100px;
position : relative;
}
/* recorder ends here */
/* bubble begins */
/*
body {
overflow: hidden;
font-family: sans-serif;
}
*/
div#container {
position : absolute;
right : 0;
//
bottom : 0;
top : 0;
margin : 10px;
animation : appear-alert 1s ease forwards, hide-alert 1s ease 10s forwards; // 10s
was 5s;
}
div#bubble {
width : 300px; //
was 250px;
height : 60px;
background : rgba(33,150,243,1);
border-radius : 50px;
position : relative;
animation : open-alert-width 0.4s linear 1s backwards, close-alert-width 0.4s linear 4s forwards;
}
div#avatar {
width : 60px;
height : 60px;
border-radius : 50px;
background : rgba(255,193,7,1);
background-size : cover;
background-position : center center;
position : absolute;
top : 0;
left : 0;
}
div#message {
position : absolute;
right : 0;
top : 50%;
opacity : 0;
transform : translate(-50%,-50%);
animation : fade-in 1s ease 1.5s forwards, fade-out 0.75s ease 10.5s forwards;
}
@keyframes appear-alert {
0%
{
right: -300px; // was -250px;
}
100%
{
right: 0px;
}
}
@keyframes open-alert-width {
0%
{
width: 260px; // was 60px;
}
100%
{
width: 300px; //was 250px;
}
}
@keyframes fade-in {
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@keyframes fade-out {
0%
{
opacity: 1;
}
100%
{
opacity: 0;
}
}
@keyframes close-alert-width {
0%
{
width: 250px;
}
100%
{
width: 60px;
}
}
@keyframes hide-alert {
0%
{
right: 0px;
}
100%
{
right: -400px; // was -250px;
}
}
/* bubble ends */
/* tooltip start */
.tooltip {
position : relative;
display : inline-block;
border-bottom : 1px dotted black;
}
.tooltip .tooltiptext {
visibility : hidden;
width : 120px;
background-color : black;
color : #fff;
text-align : center;
border-radius : 6px;
padding : 5px 0;
/* Position the tooltip */
position : absolute;
z-index : 1;
}
.tooltip:hover .tooltiptext {
visibility : visible;
}
/* tool tip end */
</style>
<title>
SecretDesktop.com Speech Recognition and Speech synthesiser enabled.
</title>
<!-- <link rel="stylesheet" href="style.css"> -->
<!--[if lt IE 9]>
<!-- <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script> -->
<!--[endif]---->
</head>
<body>
<!-- Allow speechSynthesis.speak(new SpeechSynthesisUtterance("Secret Desktop dot com - your personal, private A.I. world.")) -->
<!-- <p id="p0"><button onclick="speakAcceptence();">| Click to allow me to speak | <a href="https://www.chromestatus.com/feature/5687444770914304", target="_blank">Google Chromium 2018 requirement</a> |</button></p> -->
<!-- <script src="https://www.youtube.com/iframe_api"></script> -->
<!--
if (!window['YT']) {var YT = {loading: 0,loaded: 0};}if (!window['YTConfig']) {var YTConfig = {'host': 'http://www.youtube.com'};}if (!YT.loading) {YT.loading = 1;(function(){var l = [];YT.ready = function(f) {if (YT.loaded) {f();} else {l.push(f);}};window.onYTReady = function() {YT.loaded = 1;for (var i = 0; i < l.length; i++) {try {l[i]();} catch (e) {}}};YT.setConfig = function(c) {for (var k in c) {if (c.hasOwnProperty(k)) {YTConfig[k] = c[k];}}};var a = document.createElement('script');a.type = 'text/javascript';a.id = 'www-widgetapi-script';a.src = 'https://s.ytimg.com/yts/jsbin/www-widgetapi-vflkAsU_-/www-widgetapi.js';a.async = true;var c = document.currentScript;if (c) {var n = c.nonce || c.getAttribute('nonce');if (n) {a.setAttribute('nonce', n);}}var b = document.getElementsByTagName('script')[0];b.parentNode.insertBefore(a, b);})();}
-->
<!-- Trigger/Open The Modal -->
<div style="text-align:center">
Logs:
<span class="dot" id="dCaptainsLog">
</span>
Captain's
<span class="dot" id="dHistoryLog">
</span>
History
<span class="dot" id="dMedicalLog">
</span>
Medical
<span class="dot" id="dPersonalLog">
</span>
Personal
<span class="dot" id="dPersonalProfile">
</span>
Profile
<!-- <span class="dot" id="dSessionLog"> </span> Session -->
<span class="dot" id="dTeachYouLog">
</span>
Teach You
<span class="dot" id="dTopicLog">
</span>
Topic
<span class="dot" id="dWhenISay_YouSayLog">
</span>
When I Say
<span class="dot" id="dWhenWeSay_YouSayLog">
</span>
When We Say
<br>
<div class="tooltip" id="toolTipDiv">
<!-- ? -->
<span class="tooltiptext id=" tooltiptext"="">
Helpful tips will appear here
</span>
</div>
<br>
<button id="myBtn">
Documents
</button>
<button id="myBtn2" onclick="fToDoListOpen()">
To Do List
</button>
</div>
<!-- The Modal -->
<div class="modal" id="myModal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close1">
×
</span>
<h2>
<input id="iDocumentName" size="80" value="Document [New]">
</h2>
</div>
<div class="modal-body">
<p>
<textarea cols="80" id="tDocumentTextArea" rows="10"></textarea>
</p>
<p>
</p>
</div>
<div class="modal-footer">
<h3 onclick="fDocumentClose()" onmouseover='style="cursor:pointer"'>
Close[X]
</h3>
</div>
</div>
</div>
<!-- The Modal end -->
<center>
<div id="dShowFilesInFolder" style="position: absolute;background-color:white; margin: 0 auto; text-align: center;left: 100px;">
</div>
</center>
<!-- shopping list -->
<!--
<div id="mydiv" style="position: absolute;top: 0px; left: 10px; width: 390px;z-index:9;text-align:center;border: 1px solid #d3d3d3;background-color: #f1f1f1;">
-->
<div id="dToDoList" style="position:absolute;z-index:9;border: 1px solid #d3d3d3;background-color: #f1f1f1;">
<div class="header" id="myDIV">
<h2 style="margin:5px">
To Do List
</h2>
<input id="myInput" placeholder="Title...." type="text">
<span class="addBtn" onclick="newElement()">
Add
</span>
</div>
<ul id="myUL">
<li>
Hit the gym
</li>
<li class="checked">
Pay bills
</li>
<li>
Meet George
</li>
<li>
Buy eggs
</li>
<li>
Read a book
</li>
<li>
Organize office
</li>
</ul>
<br>
<font id="bToDoListClose" onclick="fToDoListClose()" onmouseover='style.cursor="pointer"' style="color:red; float: right;">
Close [X]
</font>
</div>
<!-- shopping list end -->
<center>
<div id="dplayer">
<!--
<button>play fullscreen</button><br>
<div id="player"></div>
-->
</div>
</center>
<!-- <div id="dHomePageHeader" style="position: absolute; left: 0px; top: 0px; z-index: -1;background-color: white;"> -->
<h2>
<table>
<tbody>
<tr>
<td>
<font color="#2196F3">
SecretDesktop.com
</font>
</td>
<td>
<font color="#c0c0c0" id="dAlarm" size="4" text-align="right">
</font>
</td>
</tr>
</tbody>
</table>
<font color="#c0c0c0" onclick="fRecognition()" onmouseover='style.cursor="pointer"' size="4">
- Voice recognition
</font>
<font color="#c0c0c0" onclick="fSpeechSythesiser()" onmouseover='style.cursor="pointer"' size="4">
- Speech synthesiser examples
</font>
<br>
<div id="dAccordion" style="position:absolute;left: 10;top: 0;width:90%; background-color:white;">
</div>
<div id="dResponsiveImages">
<img alt="Nature" class="responsive" height="400" id="iResponsiveImages" src="images/img_nature.jpg" width="600">
</div>
<!-- </div> -->
<center>
<div id="dImageReader" style="position:fixed;margin: auto; bottom:-10px; width:80%; border: 3px solid black; background-color:lightYellow;">
<input id="files" multiple="" name="files[]" type="file">
<p>
<output id="list" style="text-align:left;">
</output>
</p>
</div>
</center>
<!-- display: flex; align-items: center;justify-content: center;text-align: center; -->
<div id="dWhenISay_YouDo" style="position:fixed;margin: auto; bottom:-10px; width:80%; border: 3px solid black; background-color:lightyellow;text-align:left;">
<div class="col-md-12 thirdrow">
<div class="input-field-div">
<input id="files" name="files[]" type="file">
</div>
<div class="input-field-div">
When I say:
<br>
<textarea ;="" cols="80" id="tWhenISay_YouDo" placeholder="Enter When I say statement..." rows="10"></textarea>
</div>
<div class="input-field-div">
You do:
<input ;="" id="iWhenISay_YouDo" placeholder="How or what do you want me to do?" size="30" type="text">
</div>
</div>
</div>
<font size="4">
<div id="dHeader">
</div>
<center>
<div id="dMsg">
<font color="#000000">
Show voice commands, say
</font>
<font color="#2196F3">
"show voice commands"
</font>
</div>
</center>
<br>
<div id="dQA" style="position:fixed;background-color:lightyellow;color:black;">
</div>
<form>
<font color="#d3d3d3" family="verdana" id="Speech">
Live Speech
</font>
<br>
<div class="txt" id="dText">
</div>
<font color="#d3d3d3" family="verdana" id="TextBox">
Text Box
</font>
<br>
<input class="txt" id="iText" type="text">
<div>
<label for="rate">
Rate
</label>
<input id="rate" max="2" min="0.5" step="0.1" type="range" value="1">
<div class="rate-value">
1
</div>
<div class="clearfix">
</div>
</div>
<div>
<label for="pitch">
Pitch
</label>
<input id="pitch" max="2" min="0" step="0.1" type="range" value="1">
<div class="pitch-value">
1
</div>
<div class="clearfix">
</div>
</div>
<select id="sVoice" width="83%">
</select>
<div class="controls">
<button id="play" type="submit">
Read Text Box
</button>
</div>
</form>
<!-- <div id="dPop" class="centerDiv">Test dPop</div> -->
<div id="mydiv" style="position: absolute;top: 0px; left: 10px; width: 500px;z-index:9;text-align:center;border: 1px solid #d3d3d3;background-color: #f1f1f1;">
<div id="mydivheader" style="text-align:center;font-size:12px;">
<b>
<font color="white">
Help - Drop-Down-Bar
</font>
</b>
</div>
<br>
<div style="text-align:left;width: 500px;font-size:2;font-family:verdana;">
Help - How to partial list
<br>
<br>
<font size="2">
<lu>
<b>
Command(this pop-up)
</b>
<br>
<li>
Open/Close Commands
</li>
<li>
Captain's Log - show, read, save, delete last entry
</li>
Say "Captain's Log going to lunch"
<br>
Say "Read Captain's log" or "Show Captain's Log"
<br>
<br>
<li>
Medical Log - show, read, save, delete last entry
</li>
Say "Medical Log just took my vitamines"
<br>
Say "Read Medical Log" or "Show Medical Log"
<br>
<br>
<li>
Technical Support
</li>
Say "Technical Support I need help with...."
<br>
<br>
<li>
Remind me in _____ hours/minutes/seconds to
</li>
Say "Remind me in 4 minutes to go to bed"
<br>
<br>
<li>
Remind me at __ AM or PM to
</li>
Say "Remind me at 4 AM to take out the recyclables"
<br>
<br>
<li>
Set Alarm
</li>
Say "Set alarm for 5:30 AM"
<br>
<br>
<li>
Spell "Synthisis"
</li>
Say "Spell a word or sentence"
<br>
<br>
<li>
Repeat everything I say
</li>
Say "Repeat everyting I say"
<br>
Say "end repeat session"
<br>
<br>
<li>
Tell me the last ___ things you heard me say
</li>
Tell me the last ten things you heard me say"
<br>
<br>
<li>
What was the last thing you said
</li>
<b>
Edit Live Speech
<b>
<br>
"Say whatever"
<br>
<li>
Accept - last statement
</li>
<li>
Delete - last statement
</li>
<li>
Redo - last Undo statement
</li>
<li>
Reject - last statement
</li>
<li>
Repeat - last statement
</li>
<li>
Undo - last deleted statement
</li>
<li>
Save - Live Speech
</li>
<li>
Accept statements after 5 seconds
</li>
<li>
Reject statements after 5 seconds
</li>
<li>
Start/End Teach You session
</li>
Ask a question followed by a question mark,
<br>
then provide an answer followed by a punctuation.!)
<br>
<br>
<li>
When I say Where did I put my keys you say on the TV stand
</li>
<li>
Start When I say lessons, end when I say lessons
</li>
<li>
Repeat everything I say, end repeat
</li>
<li>
Capitalize each statement
</li>
<li>
New line for each statement
</li>
New line for each statement is displayed in the text area
<br>
<br>
<li>
Enter Date Time
</li>
<li>
Enter Date
</li>
<li>
Enter Time
</li>
<li>
Open/Close writers script example
</li>
<li>
Open/Close Portal(s)
</li>
<li>
Evaluate writers script
</li>
<li>
Narrate writers script
</li>
<li>
Open New Documents
</li>
<li>
Open/Close Documents
</li>
<li>
Open New Shopping List
</li>
<li>
Open/Close Shopping List
</li>
<li>
Open New To Do List
</li>
<li>
Open/Close To Do List
</li>
<li>
Show/Close Commands
</li>
<li>
Show/Close ALL Commands
</li>
<li>
Show/Close More Commands*
</li>
<li>
Show/Close Help
</li>
<li>
Show/Close Punctuation Marks (pop up)*
</li>
<li>
Show/Close Speech Synthesiser Help*
</li>
<li>
Show/Close Settings
</li>
<li>
Show/Close Voice Recognition Help*
</li>
<li>
Open/Close/Clear/Paste/Read Text Reader
</li>
<li>
Copy to Clipboard
</li>
<li>
Paste Clipboard to Text Reader
</li>
<li>
Open/close/paste/read/clear/copy Text Reader
</li>
Say "Open Text Reader"
<br>
Say "Paste" or manually copy and paste text in to Text Reader
<br>
Say "Read Text Reader"
<br>
<br>
<li>
<b>
Database information
</b>
</li>
"Do you know anything about " Keyword
<br>
"Search Drive Search for " keyword
<br>
"Drive Search Marco Polo"
<br>
"Do you know anything about __________"
<br>
"Know of any Articals about ___________"
<br>
"Wikipedia Centrist party"
<br>
"Show interrogatives"
<br>
<br>
<li>
Start/end Synonyms
</li>
<li>
Record
</li>
Say "Record"
<br>
<br>
<li>
Stop Recording
</li>
Say "Stop"
<br>
Saves to your DOWNLOAD folder
<br>
<br>
</b>
</b>
</lu>
<b>
<b>
<br>
</b>
</b>
</font>
<b>
<b>
<div ;="" onclick="fmyDivClose()" onmouseover='style.cursor="pointer"'>
<font size="2">
Close Commands
</font>
</div>
</b>
</b>
</div>
<b>
<b>
</b>
</b>
</div>
<b>
<b>
</b>
</b>
</font>
<b>
<b>
<div id="mydiv2">
<font size="4">
<!-- style="position: absolute;top: 0px; left: 410px; width: 390px;">-->
<div background-color:#c0c0c0;";="" id="mydivheader2 style=">
Alerts
</div>
<!-- style="font-size:14px;"-->
</font>
<div style="background-color:#c0c0c0;">
<font size="4">
<span ;="" color="blue" id="dOpen" onclick="fmyDiv2()" onmouseover='style.cursor="pointer";' text-align="right">
+
</span>
</font>
</div>
</div>
<div id="dTextReader" style="position: absolute;top: 20px; width: 80%; text-align: center; background-color: #0666a3;">
<p id="tCapsLock" style="display:none;color:red;">
Caps lock ON.
</p>
<font style="font-family: Arial, Helvetica, sans-serif;color:white;font-size: 16px;">
Text Reader - Paste text below, then say 'read text'.
</font>
<br>
<font style="font-family: Arial, Helvetica, sans-serif;color:white;font-size: 16px;">
Open/Close Text Reader - Paste Clipboard - Save Text Reader - Read Text Reader
<br>
Show First Saved - Show Previous Saved - Show Next Saved - Show Last Saved
</font>
<br>
<font style="font-family: Arial, Helvetica, sans-serif;color:white;font-size: 16px;">
<textarea id="tTextReader" spellcheck="true" style="width:90%; height:600px;background-color:lightyellow;"></textarea>
</font>
<br>
</div>
<p id="t0CapsLock" style="display:none;color:red;">
Caps lock ON.
</p>
<font color="#d3d3d3" family="verdana" id="TextArea">
Text Area
</font>
<br>
<center>
<br>
<textarea cols="80" id="textArea" rows="20" spellcheck="true"></textarea>
<br>
</center>
<font color="#d3d3d3" family="verdana">
Debug Text Area
</font>
<br>
<center>
<textarea cols="80" id="tDebugTextArea" rows="20"></textarea>
<br>
</center>
<center>
<div id="dMessageCenterContainer" style="position:absolute; top:0; text-align: center;">
<font color="green" size="3">
<strong>
Message Center
</strong>
</font>
<br>
<font color="green" size="2">
<strong>
Incoming | Video
</strong>
</font>
<strong>
<br>
<textarea id="tMessageCenterIn" placeholder="Incoming Messages...."></textarea>
<br>
<font color="green" size="2">
<strong>
Outgoing
</strong>
</font>
<strong>
<br>
<textarea id="tMessageCenterOut" placeholder="Outgoing...."></textarea>
<br>
</strong>
</strong>
</div>
<strong>
<strong>
</strong>
</strong>
</center>
<strong>
<strong>
<!--
<div id="WebsiteVideo" style="position:absolute;text-align: center;">
<h1>Stuff should be running in the background</h1><button id="button" onclick="fStartStop()">Start/Stop</button>
<p>No clue what the text here was saying, so I removed it.</p>
</div>
<video id="videoBG" poster="poster.JPG" autoplay muted onended="fvideoBGEnded()">
<source id="videoBGPlay" src="Videos/Jupiter%20-%2020245.mp4" type="video/mp4">
</video>
-->
<!-- works but not rounded
<video id="videoBG" poster="poster.JPG" autoplay muted onended="fvideoBGEnded()">
<source id="videoBGPlay" src="Videos/Jupiter%20-%2020245.mp4" type="video/mp4">
</video>
-->
<center>
<!-- <iframe id="iFrame" src="http://www.usanettoday.com" style="width: 600px;height: 400px;"></iframe><br>-->
<!-- https://www.nasa.gov/multimedia/nasatv/index.html#iss" -->
<textarea id="tStuff" spellcheck="true"></textarea>
<div id="dStopWatch" style="position:absolute; top:0; text-align:center; background-color:white;width:300px;height:100px;z-index:-1;">
<section id="stopWatch" style="position:absolute; top:0; text-align: center;">
<p id="timer">
Time : 00:00:00
</p>
<button id="start">
Start
</button>
<button id="stop">
Stop
</button>
<p id="fulltime">
</p>
</section>
</div>
<br>
<textarea cols="80" id="tTextClient" rows="10" spellcheck="true"></textarea>
<br>
<!-- <embed id="audioPlayer" controls type="audio/mpeg" autoplay="false" autostart="false"> -->
<br>
<!-- <div id="dRecorder" style="relative: absolute;top: 10px; width: 50%;height:80px; border: 1px solid black; background-color:lightgrey;"> -->
<div id="dRecorder" style="position: relative; top: 10px; width: 500px; height:150px; border: 1px solid black; background-color:lightgrey;">
<center>
<span style="text-align:left;">
Record
<button id="record">
Rec
</button>
<button disabled="" id="stopRecord">
Stop
</button>
</span>
<audio controls="" id="audioPlayer">
<source src="mp3/button-3.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</center>
</div>
<br>
<div id="dWorking">
....
</div>
<br>
<!-- <div id="dRecordedAudio" style="position: relative; text-align: center; margin: 0 auto; height:150px; width:300px; border: 1px solid black; background-color:lightgrey;"> -->
<div id="dRecordedAudio" style="position: relative; top: 10px; width: 500px; height:125px; border: 1px solid black; background-color:lightgrey;">
<center>
<span style="text-align:left;">
Recorded Audio
<br>
<br>
<audio controls="" id="recordedAudio">
</audio>
</span>
</center>
</div>
<br>
</center>
<center>
Portal
<br>
<div id="dMyPortal_1" style="position:absolute;height:600px;width:100%;">
<iframe height="500px" id="iMyPortal_1" src="portals/MyPortal_1.htm" title="My Portal" width="98%">
</iframe>
</div>
</center>
<br>
<center>
<div id="dConvertToText" type="hidden">
</div>
<br>
<div id="container">
<div id="bubble">
<div id="avatar">
</div>
<div id="message">
<p>
Mic enabled?
</p>
</div>
</div>
</div>
<br>
<div id="dPop1" style="position:absolute;text-align: center;">
<div id="dPop1Title">
<div id="dPop1Content">
</div>
</div>
</div>
<br>
</center>
<script src="default-2025-03-08-04-45-AM.js" type="text/javascript">
</script>
<!--
default-2025-03-08-04-45-AM.js
default-2025-02-28-05-25-PM.js
default-2025-02-27-11-00-PM.js
default-2025-02-22-05-30.js
default-2025-02-19-07-48 PM.js
default-2025-02-19-07-30 PM.js
default-2025-02-12-10-48 PM.js
default-2025-02-12-2-30 PM.js
default-2025-01-15-4-20 PM.js
default-2024-07-24 - 6 - 20 PM.js
line 50671 load error 2024/10/16
default-2024-06-27 - 8 - 40 PM.js default-2023-05-09 - 11 - 10 PM.js default-2024-06-27 - 8 - 40 PM.js default-2024-06-27 - 9 - 14 PM.js default-2024-07-24 - 6 - 20 PM.js (works well except when no Bluetooth device is enabled)
-->
</strong>
</strong>
</b>
</b>
</h2>
</body>
<!-- <select id="this"></select>-->
</html>