AnotherFoxGuy/overte-synced-video
1
0
Fork 0
Code Issues Activity

Update videoSyncInterface.html

Browse Source
This commit is contained in:
Darlingnotin 2020-10-19 19:59:01 -04:00
parent e76c7fb769
commit 1aa578a90c
1 changed files with 66 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
assets/videoSyncInterface.html
View File

@ -106,6 +106,63 @@
position: relative;
top: 1px;
}
.resetVideoSync {
box-shadow: inset 0px 1px 0px 0px #ffadad;
background: linear-gradient(to bottom, #f68787 5%, #e63131 100%);
background-color: #ededed;
border-radius: 6px;
border: 1px solid #a30000;
display: inline-block;
cursor: pointer;
color: #333333;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
}
.resetVideoSync:hover {
background: linear-gradient(to bottom, #c75757 5%, #cf9c9c 100%);
background-color: #dfdfdf;
}
.resetVideoSync:active {
position: relative;
top: 1px;
}
.resetVideoSyncActivated {
box-shadow: inset 0px 1px 0px 0px #ffadad;
background: linear-gradient(to bottom, #c09393 5%, #c34747 100%);
background-color: #ededed;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: inline-block;
cursor: pointer;
color: #e2e2e2;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
}
.resetVideoSyncActivated:hover {
background: linear-gradient(to bottom, #da9e9e 5%, #d34545 100%);
background-color: #d15050;
}
.resetVideoSyncActivated:active {
position: relative;
top: 1px;
}
</style>
</head>
@ -117,6 +174,8 @@
<h2>Video slider</h2>
<input type="range" min="0" max="2" value="1" step="0.01" class="slider" id="videoRange">
</div>
<br>
<button onclick="resetVideoSync()" class="resetVideoSync">Reset</button>
<h2 id="checkMark"></h2>
<p id="description"></p>
<input type="checkbox" id="useGatewayCheckbox" onclick="useGatewayCheckbox()">
@ -272,6 +331,13 @@
}
}
function resetVideoSync() {
var readyEvent = {
"action": "reset"
};
EventBridge.emitWebEvent(JSON.stringify(readyEvent));
}
function connectToGateway() {
var gatewayUrl = document.getElementById("gatewayUrl").value;
var readyEvent = {